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: {
// 启⽤ CSS modules
modules: false,
// 是否使⽤css分离插件
extract: true,
// 开启 CSS source maps?
sourceMap: false,
// css预设器配置项
loaderOptions: {},
},
// webpack-dev-server 相关配置
devServer: {
host: ‘0.0.0.0’,
port: 8080,
proxy: {}, // 设置代理
open: true,//项目启动后自动打开浏览器
},
// 第三⽅插件配置
pluginOptions: {
// …
}
}