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: {
 // ...
 }
}