const path = require('path');
function resolve(dir) {
return path.join(__dirname, dir);
}
const miniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = {
lintOnSave: 'error',
devServer: {
host: '0.0.0.0', // host
port: '90', // 端口
open: false, // 自动打开浏览器
proxy: {
'/api': {
target: '',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': '',
},
},
},
overlay: {
warning: true,
errors: true,
},
},
productionSourceMap: false,
publicPath: '/',
outputDir: 'dist',
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src')); // alias
config.output.filename('[name].[hash].js')
.end(); // 打包文件带hash
// if(process.env.NODE_ENV === 'production') {
// config.plugin('extract-css').tap(args => {
// args[0].ignoreOrder = true // 去除mini css extract warning
// return [...args]
// })
// }
// config
// .plugin('webpack-bundle-analyzer')
// .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
},
configureWebpack: config => {
if (process.env.NODE_ENV !== 'production') {
config.devtool = 'source-map'
}
},
};
注意:本文归作者所有,未经作者允许,不得转载