vue3.x & 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: {}, // 设置代理
 },
 // 第三⽅插件配置
 pluginOptions: {
 // ...
 }
}