Vue 脚手架隐藏了所有 webpack 相关的配置,若想查看具体的 webpakc 配置
vue inspect > output.js
将默认的配置转成js文件 ,让程序员观察到
![](https://img-blog.csdnimg.cn/img_convert/a8f3355bb51647832cd83bb864fc8e77.png)
报错更改:
![](https://img-blog.csdnimg.cn/img_convert/aed9279d2b767f4bcbf35ee4b5f31231.png)
那么如果想要更改默认配置可以更改的有哪些,下面红线的都不能改(public .ico index.html src main.js),其余的可以:
![](https://img-blog.csdnimg.cn/img_convert/9f69a1741afa248a64ddc99bfa4e1719.png)
配置参考 | Vue CLI (vuejs.org)左侧出现的可以改
更改需要在vue.config.js里面
![](https://img-blog.csdnimg.cn/img_convert/97eb45702e8b231098b806c037a6196a.png)
![](https://img-blog.csdnimg.cn/img_convert/0ee679a5997f3f281eb22717ffa49128.png)
要么写,要么不写。不可以空着,
const { defineConfig } = require('@vue/cli-service')
//调整脚手架
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave:false /*关闭语法检查*/,
pages: {
index: {
// page 的入口
entry: 'src/peiqi.js',
}}
})