vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置

Posted jiaobaba

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置相关的知识,希望对你有一定的参考价值。

vue-cli3是基于webpack4打造,vue-cli2是基于webpack3

vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录

vue-cli3提供了vue ui 命令,提供了可视化配置

vue-cli3移除了static文件夹,新增了public文件夹,并且将index.html移动到public中

使用vue-cli3初始化项目 vue create 文件名,生成的目录

技术图片

 

 技术图片

 

 修改配置,因为vue-cli3把配置文件都给隐藏了,隐藏到哪里了?我们如何修改配置?

方法一:在隐藏的文件夹直接修改

技术图片

 

 

 技术图片

 

 

 方法二:我们创建一个文件夹,固定命名叫vue.config.js

技术图片

 

 

 

方法三:命令行 vue ui   开启一个本地服务,打开一个用户图形界面

技术图片

 

 技术图片

 

 

 技术图片

 

 

 技术图片

 

以上是关于vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置的主要内容,如果未能解决你的问题,请参考以下文章

vue和vue-cli的区别与联系

vue-cli 3.x 与vue-cli 2.x构建项目的区别

vue-cli4构建项目,与vue-cli3构建项目的区别

[Vue专题] 对比vue-cli2.x和vue-cli3.x的搭建

vue-cli2和cli3的使用和区别

vue-cli3区分开发和生产环境