123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- const Setting = require("./src/setting.env");
- const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
- const CompressionPlugin = require("compression-webpack-plugin");
-
- const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
- const resolve = (dir) => require("path").join(__dirname, dir);
- process.env.VUE_APP_VERSION = require("./package.json").version;
- process.env.VUE_APP_BUILD_TIME = require("dayjs")().format("YYYY-M-D HH:mm:ss");
- module.exports = {
- indexPath: process.env.NODE_ENV === 'development' ? 'index.html' : 'system.html',
- publicPath: Setting.publicPath,
- lintOnSave: Setting.lintOnSave,
- outputDir: Setting.outputDir,
- assetsDir: Setting.assetsDir,
- runtimeCompiler: true,
- productionSourceMap: false,
- devServer: {
- publicPath: Setting.publicPath,
-
- },
-
- configureWebpack: (config) => {
- const pluginsPro = [
- new BundleAnalyzerPlugin()
- ];
- pluginsPro.push(
- new CompressionPlugin({
- algorithm: "gzip",
- test: /\.js$|\.html$|\.css$/,
- minRatio: 0.8,
- threshold: 10240,
- deleteOriginalAssets: false
- })
- );
- pluginsPro.push(
-
- new UglifyJsPlugin({
- uglifyOptions: {
- compress: {
- drop_debugger: true,
- drop_console: true,
- pure_funcs: ["console.log"]
- },
- },
- sourceMap: false,
- parallel: true
- })
- );
-
- if (process.env.NODE_ENV === "production") {
- config.plugins = [...config.plugins, ...pluginsPro];
- }
- },
- css: {
- sourceMap: false,
- loaderOptions: {
- less: {},
- },
- },
-
- transpileDependencies: ["view-design", "iview", "vuedraggable"],
-
- chainWebpack: (config) => {
-
- config.plugins.delete("prefetch").delete("preload");
-
- config.resolve.symlinks(true);
- config
-
- .when(
- process.env.NODE_ENV === "development",
-
- (config) => config.devtool("cheap-source-map")
- )
-
- .when(process.env.NODE_ENV !== "development", (config) => {});
-
- config.module
- .rule("js")
- .test(/\.jsx?$/)
- .exclude.add(resolve("src/libs/iview-pro"))
- .end();
-
- config.module
- .rule("vue")
- .test(/\.vue$/)
- .use("iview-loader")
- .loader("iview-loader")
- .tap(() => {
- return Setting.iviewLoaderOptions;
- })
- .end();
-
- config.module
- .rule("md")
- .test(/\.md$/)
- .use("text-loader")
- .loader("text-loader")
- .end();
-
- config.module
- .rule("i18n")
- .resourceQuery(/blockType=i18n/)
- .use("i18n")
- .loader("@kazupon/vue-i18n-loader")
- .end();
-
- const imagesRule = config.module.rule("images");
- imagesRule
- .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)
- .exclude.add(resolve("src/assets/svg"))
- .end();
-
- config.resolve.alias.set("@api", resolve("src/api"));
-
- config.node.set("__dirname", true).set("__filename", true);
-
- const entry = config.entry("app");
- if (Setting.isMock) {
- entry.add("@/mock").end();
- }
- },
- };
|