javascript - 如何在 webpack 中排除 *.min.js 的丑化

Question

因为我已经有了 jQuery 和 React 的缩小版本，所以我不需要对它们进行丑化。我想要的是 bundle.js 包含完全相同的 jquery.min.js 和 react.min.js。基本上，我希望 webpack 只是将它们连接起来。还有一件事，我不想要 externals。我怎样才能实现它？

const webpack = require("webpack");

module.exports = {
  "entry": ["./src/main/index.js"],
  "output": {
    "filename": "[name].js",
    "libraryTarget": "umd"
  },
  "module": {
    "rules": [
      {
        "test": /\.(js|jsx)$/,
        "exclude": /node_modules/,
        "loader": "babel-loader",
        "options": {
          "presets": ["es2015", "react"]
        }
      }
    ]
  },
  "resolve": {
    "alias": {
      "jquery": "jquery/dist/jquery.min.js",
      "React": "react/dist/react.min.js",
      "ReactDom": "react-dom/dist/react-dom.min.js"
    }
  },
  "plugins": [
    new webpack.optimize.UglifyJsPlugin({
      "test": /\.(js)$/,
      "exclude": /node_modules/,
      "compress": true
    }),
  ]
}

Answer 1

UglifyJsPlugin 始终在整个 webpack JS 输出上运行。无法指定要忽略或排除的任何 block 或模块。

如果您真的不希望 Uglify 重新缩小这些文件，您别无选择，只能使用 externals 而不是 alias 并自己简单地连接它们。

但是，我真的非常建议您不要以这种方式做事。通常让 webpack 需要并缩小所有内容会好得多。只要你使用 webpack 的 DefinePlugin 将 process.env.NODE_ENV 设置为 production 最终结果将相同或更小，你不会不要将 React 或 jQuery 泄漏到您的窗口。