127 lines
3.1 KiB
JavaScript
127 lines
3.1 KiB
JavaScript
const path = require('path');
|
||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||
|
||
function resolve(dir) {
|
||
return path.join(__dirname, dir);
|
||
}
|
||
|
||
module.exports = {
|
||
productionSourceMap: false,
|
||
devServer: {
|
||
port: 3000,
|
||
client: {
|
||
webSocketTransport: 'sockjs',
|
||
},
|
||
webSocketServer: 'sockjs',
|
||
allowedHosts: 'all',
|
||
proxy: {
|
||
['^((?!/login)(?!/document))']: {
|
||
target: 'http://localhost:8000',
|
||
ws: false
|
||
},
|
||
'/websocket': {
|
||
target: 'http://localhost:8000',
|
||
ws: true
|
||
},
|
||
},
|
||
},
|
||
configureWebpack: {
|
||
devtool: 'cheap-module-source-map',
|
||
resolve: {
|
||
alias: {
|
||
'@': resolve('src')
|
||
}
|
||
},
|
||
externals: {
|
||
vue: 'Vue',
|
||
'vue-router': 'VueRouter',
|
||
qiankun: 'qiankun',
|
||
// 'echarts': 'echarts',
|
||
// 'echarts/core': 'echarts', // TODO:外链使用的话需要改造导入及 vue-echarts 的源码
|
||
// brace: 'brace', // TODO:暂时未发现能外链的方法，本体包未提供cdn 外链形式的包
|
||
'element-ui': 'ELEMENT',
|
||
'vue-shepherd': 'VueShepherd',
|
||
},
|
||
optimization: {
|
||
splitChunks: {
|
||
cacheGroups: {
|
||
'chunk-vendors': {
|
||
test: /[\\/]node_modules[\\/]/,
|
||
name: 'chunk-vendors',
|
||
priority: 1,
|
||
minChunks: 3,
|
||
chunks: 'all',
|
||
},
|
||
'chunk-common': {
|
||
test: /[\\/]src[\\/]/,
|
||
name: 'chunk-common',
|
||
priority: 1,
|
||
minChunks: 5,
|
||
chunks: 'all',
|
||
},
|
||
html2canvas: {
|
||
test: /[\\/]html2canvas[\\/]/,
|
||
name: 'html2canvas',
|
||
priority: 2,
|
||
chunks: 'all',
|
||
},
|
||
fortawesome: {
|
||
test: /[\\/]@fortawesome[\\/]/,
|
||
name: 'fortawesome',
|
||
priority: 2,
|
||
chunks: 'all',
|
||
},
|
||
pinia: {
|
||
test: /[\\/]pinia[\\/]/,
|
||
name: 'pinia',
|
||
priority: 3,
|
||
chunks: 'all',
|
||
},
|
||
jspdf: {
|
||
test: /[\\/]jspdf[\\/]/,
|
||
name: 'jspdf',
|
||
priority: 2,
|
||
chunks: 'all',
|
||
},
|
||
jsencrypt: {
|
||
test: /[\\/]jsencrypt[\\/]/,
|
||
name: 'jsencrypt',
|
||
priority: 2,
|
||
chunks: 'all',
|
||
},
|
||
},
|
||
},
|
||
},
|
||
},
|
||
chainWebpack: config => {
|
||
config.devtool('source-map')
|
||
config.resolve.alias.set('@', resolve('./src'))
|
||
config.output.library("MsFrontend")
|
||
|
||
config.module
|
||
.rule('svg')
|
||
.exclude.add(resolve('src/assets/module'))
|
||
.end()
|
||
config.module
|
||
.rule('icons')
|
||
.test(/\.svg$/)
|
||
.include.add(resolve('src/assets/module'))
|
||
.end()
|
||
.use('svg-sprite-loader')
|
||
.loader('svg-sprite-loader')
|
||
.options({
|
||
symbolId: 'icon-[name]'
|
||
})
|
||
|
||
if (process.env.NODE_ENV === 'analyze') {
|
||
config.plugin('webpack-report').use(BundleAnalyzerPlugin, [
|
||
{
|
||
analyzerMode: 'static',
|
||
reportFilename: './webpack-report.html',
|
||
openAnalyzer: false,
|
||
},
|
||
]);
|
||
}
|
||
}
|
||
};
|