如何解决如何在create react app中压缩构建文件而不弹出?
我试图弄清楚如何最佳地优化构建文件,并遇到了压缩文本文件(如js和css)的想法。根据我所见,每篇文章都假设您有权访问webpack配置文件,或者您已退出CRA。我不想。
所以我在我的package.json文件中添加了一个后构建脚本:
"scripts": {
"build": "npm run build --prefix client","prod-compress": "gzip client/build/static/js/*.js && gzip client/build/static/css/*.css",
这将导致/client/build/static/js
和/client/build/static/css
文件夹如下所示:
然后我进入我的app.js文件并添加以下代码:
app.get('*.js',function(req,res,next) {
req.url = req.url + '.gz';
res.set('Content-Encoding','gzip');
res.set('Content-Type','text/javascript');
next();
});
app.get('*.css','text/css');
next();
});
如果我了解正确的操作,则f / e /client/public/index.html
文件仍将引用常规的.js
文件。但是,当从服务器请求文件时,它将以.js.gz
文件作为响应。
但是,当我压缩文件时,整个站点变成空白,就像找不到任何可用的东西一样。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。