如何在webpack中排除* .min.js的uglification

  • Z时代
  • 2024-01-10
  • 分类：问答

由于我已经有jQuery和React的缩小版本，所以我不需要它们的uglification。我想要的是bundle.js包含完全相同的jquery.min.js和react.min.js。基本上，我期望webpack只是将它们连接起来。还有一件事，我不想externals。我怎样才能实现它？如何在webpack中排除* .min.js的uglification

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 
    }), 
    ] 
}

回答：

UglifyJsPlugin总是运行在整个webpack JS输出上。没有办法指定任何块或模块来忽略排除。

如果你真的不想让Uglify重新缩小这些文件，你别无选择，只能使用externals而不是alias，并简单地将它们连接起来。

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

以上是 如何在webpack中排除* .min.js的uglification 的全部内容， 来源链接： utcz.com/qa/261728.html

回到顶部