13-脚手架默认配置

脚手架默认配置

一、查看默认配置

Vue脚手架隐藏了所有webpack相关的配置，如果想查看webpack配置，需要执行：

vue inspect > output.js

此处输出的文件只能查看，修改了也不生效。

如果使用脚手架的默认配置，必须包含的内容：

• public/index.html

• public/favicon.ico

• src文件夹

• main.js

二、修改默认配置

vue.config.js是一个可选配置文件，如果要修改脚手架配置，需要添加该文件，路径要和package.json平级。

vue.config.js内容是使用的CommonJS的暴露，而不是ES6的写法：

module.exports = {
    pages: {......}
}

Vue最终会将vue.config.js输送给webpack。webpack是基于NodeJS的，NodeJS的模块化采用的是CommonJS。最后会使用当前项目的vue.config.js中的配置替换相关脚手架配置。

例如，如果想修改入口js，可以编写配置：

module.exports = {
    pages: {
      index: {
        // page 的入口
        entry: 'src/test.js'
    }
  }
}

然后重启项目即可。

一般情况下不会修改默认配置。

三、一般情况下不会修改默认配置。

在编写代码的过程中，vue脚手架会实时的做代码检查，如果检查出问题、没有使用的变量等就会在控制台报错。可以关掉语法检查。

webpack常见的语法检查loader：eslint、jslint、jshint。

关闭语法检查：

module.exports = {
    lintOnSave: false
}

先赞后看，养成习惯！！！^ _ ^ ❤️ ❤️ ❤️
码字不易，大家的支持就是我的坚持下去的动力。点赞后不要忘了关注我哦！