关于vue-cli3.0 vue.config.js配置(整合)

module.exports = {
    // baseUrl:"",//从 Vue CLI 3.3 起已弃用,使用blicPath
    /**
     * 设置项目的基路径,设置process.env.BASE_URL
     * 例如:http://192.168.43.243:8080  ==>  http://192.168.43.243:8080/test
     * 默认:'/'
     * 注意:使用 publicPath 而不要直接修改 webpack 的 output.publicPath
     */
    publicPath:"/test",
    /**
     * vue-cli-service build 时生成的生产环境构建文件的目录
     * 默认:'dist'
     * 默认删除构建目录,--no-clean可消除行为
     * 注意:使用 outputDir 而不要修改 webpack 的 output.path
     */
    outputDir:"dist",
    /**
     * 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
     * 默认:''
     */
    assetsDir:"assets",
    /**
     * 指定生成的 index.html 的输出路径 (相对于 outputDir)
     * 默认:'index.html'
     */
    indexPath:"html/test.html",
    /**
     * 生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存
     * 例如:true==>app.e2713bb0.css        false==>app.css
     * 默认:true
     */
    filenameHashing:true,
    pages:undefined,
    lintOnSave:true,
    transpileDependencies:[],
    /**
     * 是否生成.map文件
     * 默认:true
     * 开发环境设置为false加速开发
     * 发布环境设置为true
     * .map文件作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错
     */
    productionSourceMap:false,
    /**
     * 设置生成的 HTML 中 <link> 和 <script> 标签的 crossorigin 属性
     * 默认:undefined
     */
    crossorigin:undefined,
    /**
     * 在生成的 HTML 中的 <link> 和 <script> 标签上启用 Subresource Integrity (SRI)
     * 默认:false
     */
    integrity:true,
    /**
     * 配置webpack(简单配置)
     */
    configureWebpack: {
        resolve: {
            //自定义路径别名
            alias: {
                'assets': '@/assets',
                '#': '@/components',
                'views': '@/views',
            }
        }
    },
    /**
     * 配置webpack(链式操作)
     */
    // chainWebpack:{},
    /**
     * css配置
     * css.modules:
     * css.extract:
     * css.sourceMap:是否生成css.map文件
     * css.loaderOptions:
     */
    css:{
        modules:false,
        extract:true,
        sourceMap:true,
        loaderOptions:{
            //配置全局scss变量或者mixin....
            sass: {
                data: `@import "@/global.scss";`
            }
        }
    },
    /**
     * webpack-dev-server配置
     * devServer.proxy:
     */
    // devServer:{
    //     proxy:{}
    // },
    // parallel:require('os').cpus().length > 1,
    // pwa:{},
    // pluginOptions:{}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值