125 lines
3.2 KiB
JavaScript
125 lines
3.2 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;
|
|
|
|
process.env.VUE_APP_CDN_PATH =
|
|
process.env.VUE_APP_CDN_PATH.replace(
|
|
"@master",
|
|
"@v" + process.env.VUE_APP_VERSION
|
|
) || "/";
|
|
|
|
// 基础路径 注意发布之前要先修改这里
|
|
let publicPath = process.env.VUE_APP_CDN_PATH || "/";
|
|
let cdnPath = process.env.VUE_APP_CDN_PATH;
|
|
const isProd = process.env.NODE_ENV === "production";
|
|
|
|
// 设置不参与构建的库
|
|
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,
|
|
css: {
|
|
loaderOptions: {
|
|
// 设置 scss 公用变量文件
|
|
sass: {
|
|
prependData: `$cdnPath: "${isProd ? cdnPath : "/"}";`,
|
|
},
|
|
},
|
|
},
|
|
configureWebpack: (config) => {
|
|
const configNew = {};
|
|
if (isProd) {
|
|
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 (isProd) {
|
|
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,
|
|
},
|
|
},
|
|
};
|