Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Webpacker未在生产中缩小JS_Javascript_Webpack_Webpacker - Fatal编程技术网

Javascript Webpacker未在生产中缩小JS

Javascript Webpacker未在生产中缩小JS,javascript,webpack,webpacker,Javascript,Webpack,Webpacker,我正在开发一个使用Webpacker的React应用程序。我们的生产代码没有被缩小,我的任务是确定原因。我在文档中没有找到任何关于如何缩小生产代码的内容。它似乎应该在默认情况下打开,所以我猜我们正在某个地方禁用它,但我不确定在哪里 这是我们的网页包yaml配置: #注意:要使更改生效,必须重新启动bin/webpack dev服务器 默认值:&默认值 源路径:app/javascript 来源\输入\路径:包 public\u root\u路径:public 公共\u输出\u路径:包 缓存路径:

我正在开发一个使用Webpacker的React应用程序。我们的生产代码没有被缩小,我的任务是确定原因。我在文档中没有找到任何关于如何缩小生产代码的内容。它似乎应该在默认情况下打开,所以我猜我们正在某个地方禁用它,但我不确定在哪里

这是我们的网页包yaml配置:

#注意:要使更改生效,必须重新启动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.:)