JCC-RIP/vue.config.js

240 lines
7.7 KiB
JavaScript
Raw Normal View History

2021-01-21 17:43:14 +08:00
'use strict'
const path = require('path')
const defaultSettings = require('./src/settings.js')
2020-11-10 15:36:19 +08:00
2022-07-15 16:38:01 +08:00
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const FileManagerPlugin = require('filemanager-webpack-plugin')
2020-11-10 15:36:19 +08:00
function resolve(dir) {
2021-01-21 17:43:14 +08:00
return path.join(__dirname, dir)
2020-11-10 15:36:19 +08:00
}
2021-03-18 11:31:48 +08:00
const name = defaultSettings.title || 'JCCE' // page title
2021-01-21 17:43:14 +08:00
// If your port is set to 80,
// use administrator privileges to execute the command line.
// For example, Mac: sudo npm run
// You can change the port by the following method:
// port = 9527 npm run dev OR npm run dev --port = 9527
const port = process.env.port || process.env.npm_config_port || 9527 // dev port
// All configuration item explanations can be find in https://cli.vuejs.org/config/
2020-11-10 15:36:19 +08:00
module.exports = {
2021-01-21 17:43:14 +08:00
/**
* You will need to set publicPath if you plan to deploy your site under a sub path,
* for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
* then publicPath should be set to "/bar/".
* In most cases please use '/' !!!
* Detail: https://cli.vuejs.org/config/#publicpath
*/
2021-08-04 09:09:16 +08:00
publicPath: process.env.NODE_ENV === 'production' ? '/monitor/' : '/monitor/',
2021-01-21 17:43:14 +08:00
outputDir: 'dist',
assetsDir: 'static',
lintOnSave: process.env.NODE_ENV === 'development',
2020-11-10 15:36:19 +08:00
productionSourceMap: false,
devServer: {
2021-01-21 17:43:14 +08:00
port: port,
2020-11-10 15:36:19 +08:00
open: true,
2021-01-21 17:43:14 +08:00
overlay: {
warnings: false,
errors: true
2020-11-10 15:36:19 +08:00
},
2021-01-23 18:02:16 +08:00
proxy: {
2022-06-11 17:22:47 +08:00
// '^/login': {
2021-08-03 17:36:24 +08:00
// ws: false,
2022-06-11 17:22:47 +08:00
// target: 'https://10.101.15.6/prod-api/'/* 测试环境 */
// // target: 'https://jointcloud.net/prod-api/'/* 演示环境 */
2021-08-03 17:36:24 +08:00
// },
2022-02-28 16:19:36 +08:00
'^/dockerhub/api/': {
2022-03-17 15:57:24 +08:00
target: 'http://10.105.20.3:30880/'
2022-02-28 16:19:36 +08:00
// pathRewrite: {
// '^/dockerhub': '/api'
// },
// secure: false
},
2021-08-03 17:36:24 +08:00
'^/blockChain': {
2021-07-30 17:47:15 +08:00
ws: false,
2021-08-05 15:35:27 +08:00
target: 'https://106.53.150.192/',
changeOrigin: true,
2021-10-15 16:20:04 +08:00
secure: false
2021-07-30 17:47:15 +08:00
},
2022-06-21 11:23:09 +08:00
'^/jcc-': {
2022-03-23 15:41:27 +08:00
ws: false,
2023-02-02 16:35:24 +08:00
// target: 'https://10.101.15.6/apis', /* 测试环境 */
target: 'https://jointcloud.net/apis', /* 演示环境 */
2022-12-02 17:52:19 +08:00
changeOrigin: true,
secure: false
},
2022-06-11 17:22:47 +08:00
// '/kapis/terminal.kubesphere.io': {
// ws: true,
// changeOrigin: true,
// target: 'ws://jointcloud.net/prod-api/' /* 测试环境 */
// // target: 'ws://jointcloud.net/prod-api/' /* 演示环境 */
// },
2022-02-28 16:19:36 +08:00
'/monitoringscreen/': {
2022-06-28 15:33:19 +08:00
ws: false,
2022-12-30 13:24:28 +08:00
target: 'https://10.101.15.6/apis',
// target: 'https://jointcloud.net/apis', /* 演示环境 */
2022-06-28 15:33:19 +08:00
changeOrigin: true
2022-05-23 17:33:30 +08:00
},
'^/edgex': {
ws: false,
2023-02-02 16:35:24 +08:00
// target: 'https://10.101.15.6/' /* 测试环境 */
target: 'https://jointcloud.net/prod-api/' /* 演示环境 */
2021-08-04 09:09:16 +08:00
}
}
2021-01-23 18:02:16 +08:00
// before: require('./mock/mock-server.js')
2020-11-10 15:36:19 +08:00
},
2022-07-15 16:38:01 +08:00
chainWebpack: config => {
// hmr fix
config.resolve.symlinks(true)
// 添加别名
config.resolve.alias.set('@', resolve('src'))
const cdn = {
// 访问https://unpkg.com/element-ui/lib/theme-chalk/index.css获取最新版本
css: ['https://unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css'],
js: [
'https://cdn.staticfile.org/vue/2.6.10/vue.min.js',
'https://cdn.staticfile.org/echarts/5.2.2/echarts.min.js',
'https://cdn.staticfile.org/element-ui/2.13.2/index.js',
'https://cdn.staticfile.org/vuex/3.1.0/vuex.min.js',
'https://cdn.staticfile.org/vue-router/3.0.2/vue-router.min.js',
'https://cdn.staticfile.org/axios/0.18.1/axios.min.js'
]
2021-01-21 17:43:14 +08:00
}
2022-07-15 16:38:01 +08:00
2021-01-21 17:43:14 +08:00
// it can improve the speed of the first screen, it is recommended to turn on preload
// it can improve the speed of the first screen, it is recommended to turn on preload
config.plugin('preload').tap(() => [
{
rel: 'preload',
// to ignore runtime.js
// https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
include: 'initial'
}
])
// when there are many pages, it will cause too many meaningless requests
config.plugins.delete('prefetch')
// set svg-sprite-loader
config.module
.rule('svg')
.exclude.add(resolve('src/icons'))
.end()
config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve('src/icons'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]'
})
.end()
2022-07-15 16:38:01 +08:00
// 如果使用多页面打包使用vue inspect --plugins查看html是否在结果数组中
config.plugin('html').tap(args => {
// html中添加cdn
args[0].cdn = process.env.NODE_ENV === 'production' ? cdn : []
return args
})
// config
// .when(process.env.NODE_ENV !== 'development',
// config => {
// config
// .plugin('ScriptExtHtmlWebpackPlugin')
// .after('html')
// .use('script-ext-html-webpack-plugin', [{
// // `runtime` must same as runtimeChunk name. default is `runtime`
// inline: /runtime\..*\.js$/
// }])
// .end()
// config
// .optimization.splitChunks({
// chunks: 'all',
// cacheGroups: {
// libs: {
// name: 'chunk-libs',
// test: /[\\/]node_modules[\\/]/,
// priority: 10,
// chunks: 'initial' // only package third parties that are initially dependent
// },
// // elementUI: {
// // name: 'chunk-elementUI', // split elementUI into a single package
// // priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
// // test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
// // },
// commons: {
// name: 'chunk-commons',
// test: resolve('src/components'), // can customize your rules
// minChunks: 3, // minimum common number
// priority: 5,
// reuseExistingChunk: true
// }
// }
// })
// // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
// config.optimization.runtimeChunk('single')
// }
// )
},
configureWebpack: config => {
// config = {
// config.name = name
// config.resolve = {
// alias: {
// '@': resolve('src')
// }
// }
// config.module = {
// unknownContextCritical: false
// }
// }
config.name = name
if (process.env.NODE_ENV === 'production') {
config.externals = {
vue: 'Vue',
'element-ui': 'ELEMENT',
'vue-router': 'VueRouter',
vuex: 'Vuex',
axios: 'axios',
echarts: 'echarts'
}
// 去掉注释
config.optimization.minimizer.push(
new UglifyJsPlugin({
uglifyOptions: {
output: {
comments: false // 去掉注释
},
compress: {
// warnings: false,
drop_console: true,
drop_debugger: false,
pure_funcs: ['console.log'] // 移除console
}
}
})
)
config.plugins.push(
new FileManagerPlugin({
events: {
onEnd: {
delete: ['./jcce.zip'],
archive: [
{
source: './dist',
destination: './jcce.zip'
2021-01-21 17:43:14 +08:00
}
2022-07-15 16:38:01 +08:00
]
}
}
})
2021-01-21 17:43:14 +08:00
)
2022-07-15 16:38:01 +08:00
}
2021-01-21 17:43:14 +08:00
}
}