first commit
This commit is contained in:
+175
@@ -0,0 +1,175 @@
|
||||
'use strict'
|
||||
const path = require('path')
|
||||
const defaultSettings = require('./src/settings.js')
|
||||
|
||||
function resolve (dir) {
|
||||
return path.join(__dirname, dir)
|
||||
}
|
||||
|
||||
const name = defaultSettings.title || 'vue Admin Template' // 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 methods:
|
||||
// port = 9528 npm run dev OR npm run dev --port = 9528
|
||||
const port = process.env.port || process.env.npm_config_port || 9012 // dev port
|
||||
// 使用方式: powershell下执行: $env:VUE_PROXY="http:192.168.0.139:9011"
|
||||
// const proxy_default = "http://charging.greenbank.com.cn"; // 正式环境
|
||||
const proxy_default = 'http://218.59.175.31:9030/charging_pile' // 测试环境
|
||||
// const proxy_default = "http://192.168.0.124:9033"; //许强 admin 123456
|
||||
|
||||
|
||||
// 环境变量
|
||||
// $env:VUE_PROXY="http://192.168.0.139:9033" // 张琪
|
||||
// $env:VUE_PROXY="http://192.168.0.195:9033"
|
||||
// $env:VUE_PROXY="http://192.168.0.204:9033" //许强
|
||||
// $env:VUE_PROXY="http://218.59.175.31:9018"
|
||||
|
||||
const proxy = process.env.VUE_PROXY || proxy_default
|
||||
if (!process.env.VUE_PROXY) {
|
||||
console.log(
|
||||
`环境变量VUE_PROXY未设置, 示例:$env:VUE_PROXY="http:192.168.0.139:9011"`
|
||||
)
|
||||
console.log(`即将使用默认API代理服务器: ${proxy_default}`)
|
||||
}
|
||||
console.log(`当前开发模式下API代理服务器: ${proxy}`)
|
||||
if (!/^https?:\/\//.test(proxy)) {
|
||||
throw Error('无效的代理地址, 代理地址格式为: http://[host]:[port]/[path]')
|
||||
}
|
||||
let baidu_key = 'HZPGe35n6OnaO6i1iX2jkBBCrRcNOkvW' // 测试环境
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
baidu_key = 'RqbBT2tiS73GEtdLGmSL8huAKj1cFSn0' // 生产环境
|
||||
}
|
||||
// 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: './',
|
||||
outputDir: 'dist',
|
||||
assetsDir: 'static',
|
||||
lintOnSave: process.env.NODE_ENV === 'development',
|
||||
productionSourceMap: false,
|
||||
css: {
|
||||
loaderOptions: {
|
||||
scss: {
|
||||
additionalData: `
|
||||
@import "src/styles/base_color_vars.scss";
|
||||
@import "src/styles/over_color_vars.scss";
|
||||
@import "src/styles/vars.scss";`,
|
||||
// element的图标样式乱码问题设置,content:"\e7c7"打包后这样显示才是正常的
|
||||
sassOptions: {
|
||||
outputStyle: 'expanded'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
devServer: {
|
||||
port: port,
|
||||
open: true,
|
||||
overlay: {
|
||||
warnings: false,
|
||||
errors: true
|
||||
},
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: proxy || proxy_default,
|
||||
ws: false,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
'^/api': ''
|
||||
}
|
||||
}
|
||||
}
|
||||
// before: require('./mock/mock-server.js')
|
||||
},
|
||||
configureWebpack: {
|
||||
// provide the app's title in webpack's name field, so that
|
||||
// it can be accessed in index.html to inject the correct title.
|
||||
name: name,
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': resolve('src'),
|
||||
'@assets': resolve('./src/assets'),
|
||||
'@api': resolve('./src/api'),
|
||||
'@components': resolve('./src/components')
|
||||
}
|
||||
}
|
||||
},
|
||||
chainWebpack (config) {
|
||||
config.plugin('html').tap(args => {
|
||||
args[0].baidu_key = baidu_key
|
||||
return args
|
||||
})
|
||||
// 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()
|
||||
|
||||
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')
|
||||
})
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user