111 lines
2.9 KiB
JavaScript
111 lines
2.9 KiB
JavaScript
const path = require("path");
|
|
const cdnDependencies = require("./dependencies-cdn");
|
|
const BuildAppJSPlugin = require("./buildAppJSPlugin");
|
|
const CompressionWebpackPlugin = require('compression-webpack-plugin')
|
|
|
|
function resolve(dir) {
|
|
return path.join(__dirname, dir);
|
|
}
|
|
|
|
// 增加环境变量
|
|
process.env.VUE_APP_VERSION = require('./package.json').version
|
|
process.env.VUE_APP_G2INDEX_VERSION = require('./package.json').g2index
|
|
|
|
// 基础路径 注意发布之前要先修改这里
|
|
let publicPath = process.env.VUE_APP_CDN_PATH || "/";
|
|
|
|
// 设置不参与构建的库
|
|
let externals = {};
|
|
cdnDependencies.forEach((item) => {
|
|
externals[item.name] = item.library;
|
|
});
|
|
|
|
// 引入文件的 cdn 链接
|
|
const cdn = {
|
|
css: cdnDependencies.map((e) => e.css).filter((e) => e),
|
|
js: cdnDependencies.map((e) => e.js).filter((e) => e),
|
|
};
|
|
module.exports = {
|
|
publicPath,
|
|
lintOnSave: true,
|
|
|
|
configureWebpack: (config) => {
|
|
const configNew = {}
|
|
if (process.env.NODE_ENV === 'production') {
|
|
configNew.externals = externals
|
|
configNew.plugins = [
|
|
// gzip
|
|
new CompressionWebpackPlugin({
|
|
filename: '[path].gz[query]',
|
|
test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
|
|
threshold: 10240,
|
|
minRatio: 0.8,
|
|
deleteOriginalAssets: false
|
|
})
|
|
]
|
|
}
|
|
return configNew
|
|
},
|
|
|
|
chainWebpack: (config) => {
|
|
config.plugin("BuildAppJSPlugin").use(BuildAppJSPlugin);
|
|
/**
|
|
* 添加 CDN 参数到 htmlWebpackPlugin 配置中
|
|
*/
|
|
config.plugin("html").tap((args) => {
|
|
if (process.env.NODE_ENV === "production") {
|
|
args[0].cdn = cdn;
|
|
} else {
|
|
args[0].cdn = {
|
|
js: cdnDependencies.filter((e) => e.name === "").map((e) => e.js),
|
|
css: cdnDependencies.filter((e) => e.name === "").map((e) => e.css),
|
|
};
|
|
}
|
|
args[0].inject = false
|
|
return args;
|
|
});
|
|
// 解决 cli3 热更新失效 https://github.com/vuejs/vue-cli/issues/1559
|
|
config.resolve
|
|
.symlinks(true)
|
|
config.resolve.alias
|
|
.set("@", resolve("src"))
|
|
.set("@assets", resolve("src/assets"))
|
|
.set("@utils", resolve("src/utils"))
|
|
.set("@api", resolve("src/api"))
|
|
.set("@node_modules", resolve("node_modules"));
|
|
|
|
// 分析工具
|
|
if (process.env.npm_config_report) {
|
|
config
|
|
.plugin("webpack-bundle-analyzer")
|
|
.use(require("webpack-bundle-analyzer").BundleAnalyzerPlugin);
|
|
}
|
|
},
|
|
|
|
// 不输出 map 文件
|
|
productionSourceMap: false,
|
|
|
|
devServer: {
|
|
publicPath,
|
|
proxy: {
|
|
"/api": {
|
|
target: "https://ossdev.achirou.workers.dev/",
|
|
ws: true,
|
|
changeOrigin: true,
|
|
pathRewrite: {
|
|
"^/api": "",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
pluginOptions: {
|
|
i18n: {
|
|
locale: "zh-chs",
|
|
fallbackLocale: "en",
|
|
localeDir: "locales",
|
|
enableInSFC: true,
|
|
},
|
|
},
|
|
};
|