You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
3.1 KiB
127 lines
3.1 KiB
8 months ago
|
const path = require('path')
|
||
|
|
const webpack = require('webpack')
|
||
|
|
const createThemeColorReplacerPlugin = require('./config/plugin.config')
|
||
|
|
|
||
|
|
function resolve (dir) {
|
||
|
|
return path.join(__dirname, dir)
|
||
|
|
}
|
||
|
|
|
||
|
|
const isProd = process.env.NODE_ENV === 'production'
|
||
|
|
|
||
|
|
// const assetsCDN = {
|
||
|
|
// // webpack build externals
|
||
|
|
// externals: {
|
||
|
|
// vue: 'Vue',
|
||
|
|
// 'vue-router': 'VueRouter',
|
||
|
|
// vuex: 'Vuex',
|
||
|
|
// axios: 'axios'
|
||
|
|
// },
|
||
|
|
// css: [],
|
||
|
|
// // https://unpkg.com/browse/vue@2.6.10/
|
||
|
|
// js: [
|
||
|
|
// '//lib.baomitu.com/vue/2.6.10/vue.min.js',
|
||
|
|
// '//lib.baomitu.com/vue-router/3.1.3/vue-router.min.js',
|
||
|
|
// '//lib.baomitu.com/vuex/3.1.1/vuex.min.js',
|
||
|
|
// '//lib.baomitu.com/axios/0.19.0/axios.min.js'
|
||
|
|
// ]
|
||
|
|
// }
|
||
|
|
|
||
|
|
// vue.config.js
|
||
|
|
const vueConfig = {
|
||
|
|
// 部署应用包时的基本 URL
|
||
|
|
publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
|
||
|
|
|
||
|
|
configureWebpack: {
|
||
|
|
// webpack plugins
|
||
|
|
plugins: [
|
||
|
|
// Ignore all locale files of moment.js
|
||
|
|
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
|
||
|
|
],
|
||
|
|
// if prod, add externals
|
||
|
|
// externals: isProd ? assetsCDN.externals : {}
|
||
|
|
},
|
||
|
|
|
||
|
|
chainWebpack: (config) => {
|
||
|
|
config.resolve.alias
|
||
|
|
.set('@$', resolve('src'))
|
||
|
|
|
||
|
|
const svgRule = config.module.rule('svg')
|
||
|
|
svgRule.uses.clear()
|
||
|
|
svgRule
|
||
|
|
.oneOf('inline')
|
||
|
|
.resourceQuery(/inline/)
|
||
|
|
.use('vue-svg-icon-loader')
|
||
|
|
.loader('vue-svg-icon-loader')
|
||
|
|
.end()
|
||
|
|
.end()
|
||
|
|
.oneOf('external')
|
||
|
|
.use('file-loader')
|
||
|
|
.loader('file-loader')
|
||
|
|
.options({
|
||
|
|
name: 'assets/[name].[hash:8].[ext]'
|
||
|
|
})
|
||
|
|
|
||
|
|
// if prod is on
|
||
|
|
// assets require on cdn
|
||
|
|
// if (isProd) {
|
||
|
|
// config.plugin('html').tap(args => {
|
||
|
|
// args[0].cdn = assetsCDN
|
||
|
|
// return args
|
||
|
|
// })
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
|
||
|
|
css: {
|
||
|
|
// 定位css文件
|
||
|
|
sourceMap: true,
|
||
|
|
loaderOptions: {
|
||
|
|
less: {
|
||
|
|
modifyVars: {
|
||
|
|
// less vars，customize ant design theme
|
||
|
|
|
||
|
|
// 'primary-color': '#F5222D',
|
||
|
|
// 'link-color': '#F5222D',
|
||
|
|
'font-size-base': '13px',
|
||
|
|
'border-radius-base': '2px'
|
||
|
|
},
|
||
|
|
// DO NOT REMOVE THIS LINE
|
||
|
|
javascriptEnabled: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 开发环境proxy代理 [用于跨域]
|
||
|
|
*/
|
||
|
|
devServer: {
|
||
|
|
// development server port 8000
|
||
|
|
port: 8210
|
||
|
|
// If you want to turn on the proxy, please remove the mockjs /src/main.js L11
|
||
|
|
// proxy: {
|
||
|
|
// '/api': {
|
||
|
|
// target: 'https://www.abc.com/index.php/admin',
|
||
|
|
// ws: false,
|
||
|
|
// changeOrigin: true,
|
||
|
|
// pathRewrite: {
|
||
|
|
// '/api': ''
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
},
|
||
|
|
|
||
|
|
// disable source map in production
|
||
|
|
productionSourceMap: false,
|
||
|
|
lintOnSave: false,
|
||
|
|
// babel-loader no-ignore node_modules/*
|
||
|
|
transpileDependencies: []
|
||
|
|
}
|
||
|
|
|
||
|
|
// preview.pro.loacg.com only do not use in your production;
|
||
|
|
if (process.env.VUE_APP_PREVIEW === 'true') {
|
||
|
|
console.log('VUE_APP_PREVIEW', true)
|
||
|
|
// add `ThemeColorReplacer` plugin to webpack plugins
|
||
|
|
vueConfig.configureWebpack.plugins.push(createThemeColorReplacerPlugin())
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = vueConfig
|