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项目运行自动打开浏览器配置
网友评论