脚手架环境生成项目时，很多的配置信息都已经写死了，是不能动的；

要看一下脚手架的配置信息可以使用命令：

> vue inspect > output.js

​如果遇到“禁止运行脚本”的报错，可以参考：​​​执行脚本错误的处理​​​

​

查看 output.js

可以看到1000+行的配置信息，这个文件的配置信息也仅是输出浏览；

入口文件配置项：

  entry: {
    app: [
      './src/main.js'
    ]
  }

要修改这些配置项，还需要修改指定的配置文件; 


修改项目配置信息

有些东西是不能修改的：

Vue2(笔记26) - 脚手架 - 配置文件vue.config.js_Vue-CLI

public和src 这两个文件夹不能修改；

index.html 和 main.js 不能修改；

favicon.ico 是页签图标文件名不能改，但图标使用自己的；

配置项目信息

通过新建/修改配置文件 ​vue.config.js​ （可选配置文件，存在根目录中）来配置项目信息。

两种配置形式

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // 各种选项
})
module.exports = {
  // 选项……
}

选配一些配置

module.exports = {
    pages: {
      index: {
        // page 的入口，修改 main.js
        //entry: 'src/main.js',
        entry: 'src/default.js'
      },
      lintOnSave:false, // 关闭语法检查
    }
  }

配置入口文件：把 main.js 改成 default.js

配置语法检查： 关闭当前语法检查插件(ESLint等)在每次保存时检查语法，默认是  true；

测试一下，在 main.js  写段代码：

let person = { name: 'tom' }

例如，声明了一个对象，但是没有使用这个对象，保存时就会接到报错；

Vue2(笔记26) - 脚手架 - 配置文件vue.config.js_Vue_02

提示，person 被赋值，但是没有使用；

修改完配置后，需要重启服务

> npm run serve

修改更多配置

配置参考：​​https://cli.vuejs.org/zh/config/​​

在配置参考中列出的所有内容都可以通过  vue.config.js 来配置：

Vue的核心配置文件是不能修改的，只能修改 vue.config.js 来，项目打包时会合并配置项来更新所有配置信息；