JCC-RIP/vue.config.js

240 lines
7.7 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

'use strict'
const path = require('path')
const defaultSettings = require('./src/settings.js')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const FileManagerPlugin = require('filemanager-webpack-plugin')
function resolve(dir) {
return path.join(__dirname, dir)
}
const name = defaultSettings.title || 'JCCE' // page title
// 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/
module.exports = {
/**
* 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
*/
publicPath: process.env.NODE_ENV === 'production' ? '/monitor/' : '/monitor/',
outputDir: 'dist',
assetsDir: 'static',
lintOnSave: process.env.NODE_ENV === 'development',
productionSourceMap: false,
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
proxy: {
// '^/login': {
// ws: false,
// target: 'https://10.101.15.6/prod-api/'/* 测试环境 */
// // target: 'https://jointcloud.net/prod-api/'/* 演示环境 */
// },
'^/dockerhub/api/': {
target: 'http://10.105.20.3:30880/'
// pathRewrite: {
// '^/dockerhub': '/api'
// },
// secure: false
},
'^/blockChain': {
ws: false,
target: 'https://106.53.150.192/',
changeOrigin: true,
secure: false
},
'^/jcc-': {
ws: false,
// target: 'https://10.101.15.6/apis', /* 测试环境 */
target: 'https://jointcloud.net/apis', /* 演示环境 */
changeOrigin: true,
secure: false
},
// '/kapis/terminal.kubesphere.io': {
// ws: true,
// changeOrigin: true,
// target: 'ws://jointcloud.net/prod-api/' /* 测试环境 */
// // target: 'ws://jointcloud.net/prod-api/' /* 演示环境 */
// },
'/monitoringscreen/': {
ws: false,
target: 'https://10.101.15.6/apis',
// target: 'https://jointcloud.net/apis', /* 演示环境 */
changeOrigin: true
}
// '^/edgex': {
// ws: false,
// target: 'https://10.101.15.6/apis' /* 测试环境 */
// // target: 'https://jointcloud.net/prod-api/' /* 演示环境 */
// }
}
// before: require('./mock/mock-server.js')
},
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'
]
}
// 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()
// 如果使用多页面打包使用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'
}
]
}
}
})
)
}
}
}