mirror of
https://gitee.com/elegant_wings/dbd-meeting-html.git
synced 2025-06-21 00:59:37 +08:00
133 lines
3.3 KiB
JavaScript
133 lines
3.3 KiB
JavaScript
const path = require('path')
|
||
const webpack = require('webpack')
|
||
const GitRevisionPlugin = require('git-revision-webpack-plugin')
|
||
const GitRevision = new GitRevisionPlugin()
|
||
const buildDate = JSON.stringify(new Date().toLocaleString())
|
||
const createThemeColorReplacerPlugin = require('./config/plugin.config')
|
||
|
||
function resolve (dir) {
|
||
return path.join(__dirname, dir)
|
||
}
|
||
|
||
// check Git
|
||
function getGitHash () {
|
||
try {
|
||
return GitRevision.version()
|
||
} catch (e) {}
|
||
return 'unknown'
|
||
}
|
||
|
||
const assetsCDN = {
|
||
// main.js里引入了对应的less以使 webpack-theme-color-replacer工作
|
||
// https://cdn.jsdelivr.net/npm/ant-design-vue@1.3.9/dist/antd.min.css
|
||
css: [],
|
||
js: [
|
||
'/js/vue.min.js',
|
||
'/js/axios.min.js',
|
||
'/js/vue-router.min.js',
|
||
'/js/vuex.min.js',
|
||
'/js/moment.min.js',
|
||
'/js/zh-cn.min.js',
|
||
'/js/g2.min.js',
|
||
'/js/data-set.min.js',
|
||
'/js/antd-with-locales.min.js'
|
||
]
|
||
}
|
||
// webpack build externals
|
||
const prodExternals = {
|
||
// key表示包名(import foo from 'xx' 里的xx)
|
||
// value表示window下的全局变量名(库暴露出来的namespace,可查lib对应的webpack配置里的library字段)
|
||
'vue': 'Vue',
|
||
'axios': 'axios',
|
||
'vue-router': 'VueRouter',
|
||
'vuex': 'Vuex',
|
||
'moment': 'moment',
|
||
'@antv/g2': 'G2',
|
||
'@antv/data-set': 'DataSet',
|
||
'ant-design-vue': 'antd'
|
||
}
|
||
|
||
// vue.config.js
|
||
const vueConfig = {
|
||
configureWebpack: {
|
||
externals: prodExternals,
|
||
plugins: [
|
||
// Ignore all locale files of moment.js
|
||
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
|
||
new webpack.IgnorePlugin(/moment\//),
|
||
new webpack.DefinePlugin({
|
||
APP_VERSION: `"${require('./package.json').version}"`,
|
||
GIT_HASH: JSON.stringify(getGitHash()),
|
||
BUILD_DATE: buildDate
|
||
})
|
||
]
|
||
},
|
||
|
||
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]'
|
||
})
|
||
// assets require on cdn
|
||
config.plugin('html').tap(args => {
|
||
args[0].cdn = assetsCDN
|
||
return args
|
||
})
|
||
},
|
||
|
||
css: {
|
||
loaderOptions: {
|
||
less: {
|
||
modifyVars: {
|
||
// less vars，customize ant design theme
|
||
// 'primary-color': '#F5222D',
|
||
// 'link-color': '#F5222D',
|
||
// 'border-radius-base': '4px'
|
||
'border-radius-base': '2px'
|
||
},
|
||
javascriptEnabled: true
|
||
}
|
||
}
|
||
},
|
||
|
||
devServer: {
|
||
// development server port 8000
|
||
port: 8000,
|
||
proxy: {
|
||
'/api': {
|
||
target: 'http://localhost:9227',
|
||
pathRewrite: { '^/api': '' },
|
||
ws: false,
|
||
changeOrigin: true
|
||
}
|
||
}
|
||
},
|
||
|
||
// disable source map in production
|
||
productionSourceMap: false,
|
||
lintOnSave: undefined,
|
||
// babel-loader no-ignore node_modules/*
|
||
transpileDependencies: []
|
||
}
|
||
|
||
// 如果你不想在生产环境开启换肤功能，请打开下面注释
|
||
// if (process.env.VUE_APP_PREVIEW === 'true') {
|
||
// add `ThemeColorReplacer` plugin to webpack plugins
|
||
vueConfig.configureWebpack.plugins.push(createThemeColorReplacerPlugin())
|
||
// }
|
||
|
||
module.exports = vueConfig
|