解决vue项目运行提示Warnings while compiling.警告的问题

更新时间：2020年09月18日 15:10:02 作者：酷酷的木南

这篇文章主要介绍了解决vue项目运行提示Warnings while compiling.警告的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

是因为创建项目的时候设置了eslint所以才会有下面的警告，Use ESLint to lint your code? (Y/n) 这一步选no

如果不想有规范的js代码，可以关掉eslint。

解决办法：

1、找到build下面的webpack.base.conf.js

注释后重启项目

2、或者打开config文件下的index.js,里useEslint改为false，重启项目

补充知识：vue cli3 热更新保存时自动刷新页面内容 + 分离环境变量.env package.json配置

前几天ts+vue3.0+view-design撸了一个项目，然后总感觉哪里不对劲，今天终于醒悟了原来是热更新没开

在vue.config.js中配置以下选项

const IS_PRO = ['production', 'test'].includes(process.env.NODE_ENV);

css: {
  // 是否使用css分离插件 ExtractTextPlugin
  extract: IS_PRO,
  // 开启 CSS source maps 打包时不生成.map文件?
  sourceMap: false,
  // css预设器配置项
  loaderOptions: {
  },
  // 为所有的 CSS 及其预处理文件开启 CSS Modules。
  // 这个选项不会影响 `*.vue` 文件。
  requireModuleExtension: true
 },

上文中用到了process.env环境变量，那么这里在安利一个知识点吧

package.json

 "scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "build:dev": "vue-cli-service build --mode development",
  "lint": "vue-cli-service lint"
 },

环境变量存放地址

优先级.env<.env.any<.env.any.local （.local文件会被 git 忽略）

npm run serve 会默认找到.env.development文件配置

npm run build会默认找到.env.production文件配置

当然我们可以把本地的配置放置在.local内用于本地配置，然后对应的线上和测试环境放置不同的文件，打包上线时对应的 npm run build --文件名称就行了比如npm run build --development

以上这篇解决vue项目运行提示Warnings while compiling.警告的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

浅谈Vue3 Composition API如何替换Vue Mixins
这篇文章主要介绍了浅谈Vue3 Composition API如何替换Vue Mixins，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-04-04
Vue3 diff算法的简单解刨
如今Vue3的势头正盛，在diff算法方面也做了相应的变化，利用到了最长递增子序列把性能又提升了一个档次。本文就来带大家简单解刨一下Vue3中的diff算法
2023-02-02
vue.js中ref和$refs的使用及示例讲解
这篇文章主要给大家介绍了关于vue.js中ref和$refs使用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用vue.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08
vue实现与安卓、IOS交互的方法
这篇文章主要介绍了vue实现与安卓、IOS交互的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
Vue开发中整合axios的文件整理
这篇文章主要给大家整理了在Vue开发中整合axios要用到的文件，在vue开发中，不可避免要整合axios，文中通过示例代码介绍的非常详细，需要的朋友们下面来一起看看吧。
2017-04-04
window.onresize在vue中只能使用一次,自适应resize报错问题
这篇文章主要介绍了window.onresize在vue中只能使用一次,自适应resize报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
快速了解Vue父子组件传值以及父调子方法、子调父方法
这篇文章主要介绍了Vue父子组件传值以及父调子方法、子调父方法，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
vue如何将字符串的一部分处理为html文档并渲染到页面
这篇文章主要介绍了vue如何将字符串的一部分处理为html文档并渲染到页面，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06
Vue3和Electron实现桌面端应用详解
本文主要介绍了Vue3和Electron实现桌面端应用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-07-07
vue实现下拉菜单效果
这篇文章主要为大家详细介绍了vue实现下拉菜单效果，运用了hover显示与隐藏以及定位，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09