三、修改默认配置
1、我很不喜欢入口文件这个名啊,我就想改成peiqi.js
2、查看配置
▼还记得第一章说的查看webpack配置需要执行的命令吗?
vue inspect > output.js
总共1337行,这里就不粘了,太特喵的长了!
▼如果采用默认的配置哪些东西的名不能改?
3、优雅的修改需要高端的配置文件
▼首先,我们可以改的配置项有哪些?点我!我带你去~
1、vue.config.js
vue.config.js
是一个可选的配置文件,如果项目的 (和 package.json
同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service
自动加载。你也可以使用 package.json
中的 vue
字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。
没错!高端的配置文件就是vue.config.js
2、完成优雅的修改
1、CODE(vue.config.js)
// 脚手架会用这里的配置覆盖webpack已经写好的配置(这个文件修改了需要重启项目!)
module.exports = {
pages: {
index: {
// page 的入口
entry: 'src/peiqi.js'
}
}
}
2、Result
▼可以说非常舒服٩(๑>◡<๑)۶ ~