美文网首页
Vue CLI4.0 webpack配置属性——lintOnSa

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

作者: 双鱼九年 | 来源:发表于2020-12-28 11:52 被阅读0次

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

    相关文章

      网友评论

          本文标题:Vue CLI4.0 webpack配置属性——lintOnSa

          本文链接:https://www.haomeiwen.com/subject/xrmznktx.html