forked from JointCloud/JCC-RIP
240 lines
7.7 KiB
JavaScript
240 lines
7.7 KiB
JavaScript
'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'
|
||
}
|
||
]
|
||
}
|
||
}
|
||
})
|
||
)
|
||
}
|
||
}
|
||
}
|