Vue CLI4.0 webpack配置属性——lintOnSa

lintOnSave

Type: boolean | 'warning' | 'default' | 'error'

Default: true

用途

设置是否在开发环境下每次保存代码时都启用 eslint验证。

value

false：关闭每次保存都进行检测

true：开启每次保存都进行检测，效果与warning一样

'warning'：开启每次保存都进行检测，lint 错误将显示到控制台命令行，而且编译并不会失败。

'error'：开启每次保存都进行检测，lint 错误将显示到浏览器页面上，且编译失败。

'default'：同'error'

configureWebpack

Type: object | Function

如果这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中。

如果这个值是一个函数，则会接收被解析的配置作为参数。该函数既可以修改配置并不返回任何东西，也可以返回一个被克隆或合并过的配置版本。

用途

如官方文档所说，借助 configureWebpack我们可以实现随webpack配置的新增与修改。

用法

// webpack配置 

 configureWebpack: (config) => { 

 // config为被解析的配置 

 Object.assign(config, {

 // 开发生产共同配置，新增一些别名设置 

 resolve: { alias: { '@': path.resolve(__dirname, './src'), '@c': path.resolve(__dirname, './src/components'), '@p': path.resolve(__dirname, './src/pages'), '@v': path.resolve(__dirname, './src/views'), } 

// 别名配置 } }) }

parallel

Type: boolean

Default: require('os').cpus().length > 1

作用

是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。

用于提高项目打包速度。默认，当电脑CPU内核多于一个时自动启动

用法：

module.exports = { 

 // 是否为 Babel 或 TypeScript 使用 thread-loader。 

 // 该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。

 parallel: require('os').cpus().length > 1

}

vue项目运行自动打开浏览器配置