dn-middleware-webpack5/lib/dev-utils/getOptimization.js

--- group: middleware name: webpack5 title: Webpack5 ---

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _esbuildLoader = require("esbuild-loader");

var _cssMinimizerWebpackPlugin = _interopRequireDefault(require("css-minimizer-webpack-plugin"));

var _terserWebpackPlugin = _interopRequireDefault(require("terser-webpack-plugin"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// common function to get style loaders
const getOptimization = (options, ctx) => {
  var _options$esbuild, _options$esbuild2, _options$esbuild3, _options$terser, _options$terser2;

  const {
    optimization,
    common
  } = options;
  const optimizationConfig = {
    minimize: options.compress,
    minimizer: [options !== null && options !== void 0 && (_options$esbuild = options.esbuild) !== null && _options$esbuild !== void 0 && _options$esbuild.minify ? new _esbuildLoader.ESBuildMinifyPlugin(typeof (options === null || options === void 0 ? void 0 : (_options$esbuild2 = options.esbuild) === null || _options$esbuild2 === void 0 ? void 0 : _options$esbuild2.minify) === "object" ? options === null || options === void 0 ? void 0 : (_options$esbuild3 = options.esbuild) === null || _options$esbuild3 === void 0 ? void 0 : _options$esbuild3.minify : undefined) : new _terserWebpackPlugin.default({
      terserOptions: {
        compress: {
          drop_console: true
        },
        output: {
          comments: false
        },
        ...(options !== null && options !== void 0 && (_options$terser = options.terser) !== null && _options$terser !== void 0 && _options$terser.terserOptions ? options === null || options === void 0 ? void 0 : (_options$terser2 = options.terser) === null || _options$terser2 === void 0 ? void 0 : _options$terser2.terserOptions : {})
      },
      extractComments: false
    }),, new _cssMinimizerWebpackPlugin.default()].filter(Boolean),
    splitChunks: {
      chunks: "all",
      // It is recommended to set splitChunks.name to false for production builds
      // so that it doesn't change names unnecessarily.
      name: !ctx.isEnvProduction
    },
    // default true when in production
    innerGraph: ctx.isEnvProduction,
    sideEffects: true // Keep the runtime chunk separated to enable long term caching
    // https://twitter.com/wSokra/status/969679223278505985
    // https://github.com/facebook/create-react-app/issues/5358
    // runtimeChunk: {
    //   name: (entrypoint: any) => `runtime-${entrypoint?.name}`,
    // },

  };

  if (common !== null && common !== void 0 && common.disabled) {
    optimizationConfig.splitChunks = {
      minChunks: 100000
    };
  } else {
    optimizationConfig.splitChunks = {
      cacheGroups: {
        // 打包公共模块
        [common === null || common === void 0 ? void 0 : common.name]: {
          test(module) {
            return module.type !== "css/mini-extract" && module.resource && module.resource.indexOf("node_modules") !== -1;
          },

          name: common === null || common === void 0 ? void 0 : common.name,
          chunks: "all"
        },
        default: false // 取消默认default打包

      }
    };
  } // New algorithms were added for long term caching in webpack5.
  // These are enabled by default in production mode.
  // chunkIds: "deterministic" moduleIds: "deterministic" mangleExports: "deterministic"
  // moduleIds/chunkIds/mangleExports: false disables the default behavior.
  // Note that in webpack 5 you must provide a custom plugin(webpack.ids.DeterministicModuleIdsPlugin).


  return { ...optimizationConfig,
    ...optimization
  };
};

var _default = getOptimization;
exports.default = _default;
module.exports = exports.default;