vue脚手架3/vue.config.js的常用配置

最新推荐文章于 2024-07-22 13:50:45 发布

webjshan

最新推荐文章于 2024-07-22 13:50:45 发布

阅读量636

点赞数 1

分类专栏： vue 文章标签： vue.js webpack

本文链接：https://blog.csdn.net/webjshan/article/details/107540727

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

更改vueCli3的配置

在vueCli3中更改webpack的配置，需要手动在根目录新建一个vue.config.js文件

vue.config.js常用配置

//vue.config.js  常用配置
module.exports={
    //基本路径，vue.cli 3.3以前请使用baseUrl
    publicPath:'',
    //输出文件目录
    outputDir:'dist',
    //用于嵌套生产的静态资产（js,css,img,fonts）的目录
    assetsDir:'',
    //生产环境sourceMap
    productionSourceMap:true,
    //webpack配置
    configureWebpack: () => {},
    chainWebpack: () => {},
    //css相关配置
    css:{
        //启用长沙市modulesmodules
        modules:false,
        //是否启用css分离插件
        extract:true,
        //开启css source maps
        sourceMap:false,
        //css预设器配置项
        loaderOptions:{},
    },
    //webpack-dev-server相关配置
    devServer:{
        host: '0,0,0,0',
        port:8080,
        proxy:{},    //设置代理
    },
    //第三方插件配置
    pluginOptions:{
        //.......
    }
}