webpack 不压缩,不混淆
时间: 2023-08-16 16:22:39 浏览: 52
如果你使用 webpack 4.x,可以在 webpack.config.js 中的 optimization 配置中设置 minimizer 为空数组,即可禁用压缩和混淆:
```js
module.exports = {
// ...
optimization: {
minimizer: [],
},
};
```
如果你使用 webpack 5.x,可以在 webpack.config.js 中的 optimization 配置中设置 minimizer 为空对象,即可禁用压缩和混淆:
```js
module.exports = {
// ...
optimization: {
minimizer: {},
},
};
```
相关问题
webpack代码混淆
Webpack 本身并不提供代码混淆功能,但可以通过使用第三方插件来实现。其中比较常用的插件有 UglifyJS、Terser 等。
UglifyJS 是一个 JavaScript 压缩器和混淆器,可以通过简化代码和重命名变量来减小文件大小。在 Webpack 中使用 UglifyJS 可以通过安装和配置 uglifyjs-webpack-plugin 插件来实现。
Terser 是一个 Webpack 5 推荐使用的 JavaScript 压缩器和混淆器,与 UglifyJS 相比,Terser 有更好的压缩效果和更快的速度。在 Webpack 中使用 Terser 可以通过安装和配置 terser-webpack-plugin 插件来实现。
无论是使用 UglifyJS 还是 Terser,都需要在 Webpack 配置文件中进行相应的配置,具体可以参考插件的官方文档。
webpack打包文件压缩
webpack打包文件压缩可以通过使用一些插件来实现。下面是两个常用的插件:
1. UglifyJsPlugin:通过压缩和混淆 JavaScript 代码来减小文件体积。
在 webpack 的配置文件中引入该插件,并将其添加到插件列表中,示例如下:
```javascript
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
// ...
optimization: {
minimizer: [
new UglifyJsPlugin({
// 在此处添加相关配置
}),
],
},
};
```
2. OptimizeCssAssetsWebpackPlugin:用于压缩 CSS 文件。
同样,在 webpack 的配置文件中引入该插件,并添加到插件列表中,示例如下:
```javascript
const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
module.exports = {
// ...
optimization: {
minimizer: [
new OptimizeCssAssetsWebpackPlugin({
// 在此处添加相关配置
}),
],
},
};
```
这些插件可以通过配置不同的选项来满足你的需求,例如设置压缩级别、保留注释、排除某些文件等。具体的配置选项可以根据文档进行调整。