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.
121 lines
3.6 KiB
121 lines
3.6 KiB
let path = require("path");
|
|
const webpack = require("webpack");
|
|
const ThemeColorReplacer = require("webpack-theme-color-replacer");
|
|
const { getThemeColors, modifyVars } = require("./src/utils/themeUtil");
|
|
const { resolveCss } = require("./src/utils/theme-color-replacer-extend");
|
|
const CompressionWebpackPlugin = require("compression-webpack-plugin");
|
|
|
|
const productionGzipExtensions = ["js", "css"];
|
|
const isProd = process.env.NODE_ENV === "production";
|
|
|
|
const assetsCDN = {
|
|
// webpack build externals
|
|
externals: {
|
|
vue: "Vue",
|
|
"vue-router": "VueRouter",
|
|
vuex: "Vuex",
|
|
axios: "axios",
|
|
nprogress: "NProgress",
|
|
clipboard: "ClipboardJS",
|
|
"@antv/data-set": "DataSet",
|
|
"js-cookie": "Cookies",
|
|
},
|
|
css: [],
|
|
js: [
|
|
"//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js",
|
|
"//cdn.jsdelivr.net/npm/vue-router@3.3.4/dist/vue-router.min.js",
|
|
"//cdn.jsdelivr.net/npm/vuex@3.4.0/dist/vuex.min.js",
|
|
"//cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js",
|
|
"//cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js",
|
|
"//cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js",
|
|
"//cdn.jsdelivr.net/npm/@antv/data-set@0.11.4/build/data-set.min.js",
|
|
"//cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js",
|
|
],
|
|
};
|
|
|
|
module.exports = {
|
|
lintOnSave: false,
|
|
// devServer: {
|
|
// proxy: {
|
|
// '/adminapi': { //此處要與 /services/api.js 中的 API_PROXY_PREFIX 值保持一致
|
|
// target: 'https://ecard.h888.fun/adminapi/v1',
|
|
// changeOrigin: true,
|
|
// pathRewrite: {
|
|
// '^/adminapi': ''
|
|
// }
|
|
// }
|
|
// }
|
|
// },
|
|
pluginOptions: {
|
|
"style-resources-loader": {
|
|
preProcessor: "less",
|
|
patterns: [path.resolve(__dirname, "./src/theme/theme.less")],
|
|
},
|
|
},
|
|
configureWebpack: (config) => {
|
|
config.entry.app = ["babel-polyfill", "whatwg-fetch", "./src/main.js"];
|
|
config.performance = {
|
|
hints: false,
|
|
};
|
|
config.plugins.push(
|
|
new ThemeColorReplacer({
|
|
fileName: "css/theme-colors-[contenthash:8].css",
|
|
matchColors: getThemeColors(),
|
|
injectCss: true,
|
|
resolveCss,
|
|
})
|
|
);
|
|
// Ignore all locale files of moment.js
|
|
config.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/));
|
|
// 生產環境下將資源壓縮成gzip格式
|
|
if (isProd) {
|
|
// add `CompressionWebpack` plugin to webpack plugins
|
|
config.plugins.push(
|
|
new CompressionWebpackPlugin({
|
|
algorithm: "gzip",
|
|
test: new RegExp("\\.(" + productionGzipExtensions.join("|") + ")$"),
|
|
threshold: 10240,
|
|
minRatio: 0.8,
|
|
})
|
|
);
|
|
}
|
|
|
|
// if prod, add externals
|
|
if (isProd) {
|
|
config.externals = assetsCDN.externals;
|
|
}
|
|
},
|
|
chainWebpack: (config) => {
|
|
// 生產環境下關閉css壓縮的 colormin 項，因為此項優化與主題色替換功能衝突
|
|
if (isProd) {
|
|
config.plugin("optimize-css").tap((args) => {
|
|
args[0].cssnanoOptions.preset[1].colormin = false;
|
|
return args;
|
|
});
|
|
}
|
|
// 生產環境下使用CDN
|
|
if (isProd) {
|
|
config.plugin("html").tap((args) => {
|
|
args[0].cdn = assetsCDN;
|
|
return args;
|
|
});
|
|
}
|
|
},
|
|
css: {
|
|
loaderOptions: {
|
|
less: {
|
|
lessOptions: {
|
|
modifyVars: modifyVars(),
|
|
javascriptEnabled: true,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
publicPath: process.env.VUE_APP_PUBLIC_PATH,
|
|
outputDir:
|
|
process.env.VUE_ENV === "production" ? "../api/public/admin" : "dist",
|
|
assetsDir: "static",
|
|
productionSourceMap: false,
|
|
transpileDependencies: ["vue-echarts", "resize-detector"],
|
|
};
|