如何在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 (将#修改为@）

create-react-app javascript reactjs reactjs