Javascript Webpacker未在生产中缩小JS
我正在开发一个使用Webpacker的React应用程序。我们的生产代码没有被缩小,我的任务是确定原因。我在文档中没有找到任何关于如何缩小生产代码的内容。它似乎应该在默认情况下打开,所以我猜我们正在某个地方禁用它,但我不确定在哪里 这是我们的网页包yaml配置:Javascript Webpacker未在生产中缩小JS,javascript,webpack,webpacker,Javascript,Webpack,Webpacker,我正在开发一个使用Webpacker的React应用程序。我们的生产代码没有被缩小,我的任务是确定原因。我在文档中没有找到任何关于如何缩小生产代码的内容。它似乎应该在默认情况下打开,所以我猜我们正在某个地方禁用它,但我不确定在哪里 这是我们的网页包yaml配置: #注意:要使更改生效,必须重新启动bin/webpack dev服务器 默认值:&默认值 源路径:app/javascript 来源\输入\路径:包 public\u root\u路径:public 公共\u输出\u路径:包 缓存路径:
#注意:要使更改生效,必须重新启动bin/webpack dev服务器
默认值:&默认值
源路径:app/javascript
来源\输入\路径:包
public\u root\u路径:public
公共\u输出\u路径:包
缓存路径:tmp/cache/webpacker
检查纱线的完整性:错误
网页包编译输出:false
#Web包应提供其他路径查找模块
#['app/assets'、'engine/foo/app/assets']
已解析的路径:['app/assets']
#在所有请求上重新加载manifest.json,以便重新加载最新编译的包
缓存清单:false
#提取并发出css文件
摘录:true
静态资源扩展:
-jpg先生
-.jpeg
-.png
-.gif
-蒂芙先生
-.ico
-.svg
-.eot
-.otf
-.ttf
-沃夫先生
-woff2先生
扩展:
-mjs先生
-.js
-.jsx
-萨斯先生
-.scss
-.css
-.module.sass
-.module.scss
-.module.css
-.png
-.svg
-.gif
-.jpeg
-jpg先生
发展:
最后,我不得不对我的产品网页文件进行一些小的编辑
我改变了这一点:
process.env.NODE_env=process.env.NODE|env|124;'development';
……为此:
process.env.NODE_env=process.env.NODE|env|124;'production';
这导致使用React的生产构建。我补充说:
config.mode='production';
这导致我的JS被缩小了
为了更好地衡量,我还将UglifyJS替换为Terser,最后生成了一个如下所示的文件:
process.env.NODE_env=process.env.NODE|env|124;'production';
const SpeedMeasurePlugin=require('speed-measure-webpack-plugin');
const smp=新的SpeedMeasurePlugin();
const ManifestPlugin=require('webpack-manifest-plugin');
const TerserPlugin=require('terser-webpack-plugin');
const-environment=require(“./environment”);
const config=environment.towerbackconfig();
config.plugins.prepend=(新的ManifestPlugin());
config.mode='生产';
config.optimization={
最小值:[
新的TerserPlugin({
对,,
三种选择:{
ecma:6,
},
}),
],
};
module.exports=smp.wrap(配置);
首先-什么是未缩小的?js、html、其他东西,所有的?我在标题中说了js.:)