说到vue cli就不得不提到webpack,它是一个打包器,可以将写好的代码打包。(其实我也不是很懂到底有什么用处,这里提供webpack的官网,大家自行研究吧)
在写项目的时候,又是需要自定义以些接口或者组件,就需要手动配置webpack,但是去网上搜索的时候便会发现搜出来的很多都是cli2和cli1的内容,这里将搜索中可以直接忽略的内容列在下方:
- dev-server.js和dev-client.js
- webpack.dev.conf.js
- build和config
vue cli3对 webpack 配置进行了抽象,并提供了一个方便的方法来配置webpack,只需在文件的根目录下创建vue.config.js并在里面敲入自定义的配置即可。这里给出vue cli webpack相关 方便大家理解。
下面是vue cli3各个文件的详解