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) } 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: [ '//cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js', '//cdn.jsdelivr.net/npm/vue-router@3.1.3/dist/vue-router.min.js', '//cdn.jsdelivr.net/npm/vuex@3.1.1/dist/vuex.min.js', '//cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js' ] } // vue.config.js const vueConfig = { configureWebpack: { // webpack plugins plugins: [ // Ignore all locale files of moment.js new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/), new webpack.DefinePlugin({ APP_VERSION: `"${require('./package.json').version}"`, GIT_HASH: JSON.stringify(GitRevision.version()), BUILD_DATE: buildDate }) ], // 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: { loaderOptions: { less: { modifyVars: { // less vars锛宑ustomize ant design theme // 'primary-color': '#F5222D', // 'link-color': '#F5222D', 'border-radius-base': '2px' }, // DO NOT REMOVE THIS LINE javascriptEnabled: true } } }, devServer: { disableHostCheck: true, // 解决vue项目中的“Invalid Host header”问题 port: 8000, // development server port 默认8000,这个得看你的项目申请的端口号是多少而定 // 如果需要开启代理,请移除mockjs /src/main.jsL11 proxy: { '/dawa': { // 捕获API的标志,如果API中有这个字符串,那么就开始匹配代理 target: 'http://a.3a6.cn', // 地址可以是域名,也可以是IP地址。比如API请求/api/getList, 会被代理到请求http://www.baidu.com/api/getList 。 ws: false, changeOrigin: true // 如果target是域名需要额外添加一个参数changeOrigin: true,否则会代理失败。 } } }, // 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