MeterSphere/performance-test/frontend/vue.config.js

90 lines
2.4 KiB
JavaScript
Raw Normal View History

2022-10-10 13:41:39 +08:00
const path = require('path');
const {name} = require('./package');
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
2022-10-10 18:35:38 +08:00
productionSourceMap: false,
2022-10-10 13:41:39 +08:00
devServer: {
port: 4003,
client: {
webSocketTransport: 'sockjs',
},
2022-10-13 12:39:31 +08:00
allowedHosts: 'all',
2022-10-10 13:41:39 +08:00
webSocketServer: 'sockjs',
proxy: {
['^((?!/login)(?!/document))']: {
target: 'http://localhost:8003',
ws: false
},
'/websocket': {
target: 'http://localhost:8003',
ws: true
},
},
// 跨域
headers: {
'Access-Control-Allow-Origin': '*',
},
},
pages: {
index: {
entry: "src/main.js",
template: "public/index.html",
filename: "index.html"
},
sharePerformanceReport: {
entry: "src/template/report/performance/share/share-performance-report.js",
template: "src/template/report/performance/share/share-performance-report.html",
filename: "share-performance-report.html",
},
},
configureWebpack: {
2022-10-10 18:35:38 +08:00
devtool: 'cheap-module-source-map',
2022-10-10 13:41:39 +08:00
resolve: {
alias: {
'@': resolve('src')
},
fallback: {"stream": require.resolve("stream-browserify")}
},
output: {
// 把子应用打包成 umd 库格式(必须)
library: `${name}-[name]`,
libraryTarget: 'umd',
chunkLoadingGlobal: `webpackJsonp_${name}`,
// 打包后js的名称
filename: `js/${name}-[name].[contenthash:8].js`,
chunkFilename: `js/${name}-[name].[contenthash:8].js`,
},
},
css: {
// 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
// 也可以是一个传递给 `extract-text-webpack-plugin` 的选项对象
// 修改打包后css文件名
// extract: true,
extract: {
ignoreOrder: true,
filename: `css/${name}-[name].[contenthash:8].css`,
chunkFilename: `css/${name}-[name].[contenthash:8].css`
},
},
chainWebpack: config => {
config.module
.rule('svg')
.exclude.add(resolve('../../framework/sdk-parent/frontend/src/assets/module'))
.end()
config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve('../../framework/sdk-parent/frontend/src/assets/module'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]'
})
}
};