UglifyJS 似乎干扰了生产中使用的 React dist

变得更糟

这些是我的 Webpack 配置中似乎与我的问题相关的部分:

new webpack.EnvironmentPlugin(['NODE_ENV']),

// Minify the code.
new UglifyJSPlugin({
  compress: {
    dead_code: true,
    drop_debugger: true,
    warnings: false
  },
  output: {
    comments: false
  }
}),

我正在使用 CRA 配置的弹出版本,该版本看起来几乎相同并从中获取其环境变量build.js- 请注意,我保留了此条件

if (env['process.env'].NODE_ENV !== '"production"') {
  throw new Error('Production builds must have NODE_ENV=production.');
}

在我的生产 webpack 配置中,所以我怀疑问题是我没有正确传递我的环境变量。

有趣的是,我收到了这个 React 错误:

Warning: It looks like you're using a minified copy of the development build of React.

如果我删除与缩小相关的代码(整个 UglifyJSPlugin 块),结果包显然更大,但 React 警告消失了。关于可能导致这种情况的任何想法?


编辑:即使我使用 webpack-define-plugin显式设置我的NODE_ENVto production'process.env.NODE_ENV': JSON.stringify('production')我仍然在使用 Uglify 时遇到此错误。

变得更糟

事实证明,React 包来自我在我的应用程序中使用的一个捆绑不好的库:在我的 uglify 选项中启用源映射让我很容易找到它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在发布配置文件中使用uglifyjs

来自分类Dev

如何使用UglifyJS 2丑化JavaScript?

来自分类Dev

构建我的 React 应用程序时出错 (UglifyJs)

来自分类Dev

使用 webpack 和 React 在开发/生产中配置 CSS 模块

来自分类Dev

我可以通过API使用uglifyjs美化javascript吗?

来自分类Dev

uglifyjs-使用任何选项运行时挂起

来自分类Dev

生产中的React:生产中React的大小必须是多少?

来自分类Dev

在 Webpack 配置的`plugins` 或`minimizer` 部分中使用 uglifyjs-webpack-plugin 吗?

来自分类Dev

我应该使用--prefer-dist进行生产吗?

来自分类Dev

我应该使用Nginx在生产中服务React吗?

来自分类Dev

使用Express的React Router,子页面在生产中无法正确路由

来自分类Dev

我需要node.js来使用UglifyJs2吗?

来自分类Dev

如何用逗号禁用UglifyJS链接声明。我无法使用断点

来自分类Dev

Webpack使用UglifyJS插件优化会导致运行时错误

来自分类Dev

使用 Assetic Bundle 时将选项传递给 UglifyJS2

来自分类Dev

UglifyJS内存不足

来自分类Dev

UglifyJS属性处理

来自分类Dev

Can UglifyJS be a replacement for RequireJS?

来自分类Dev

UglifyJS更改代码行为

来自分类Dev

uglifyjs:找不到命令

来自分类Dev

在R中使用“ TermDocumentMatrix”和“ Dist”函数时出错

来自分类Dev

在生产中使用Cakephp测试

来自分类Dev

在生产中使用Firebase

来自分类Dev

在生产中使用Docker

来自分类Dev

在生产中使用Magento 2

来自分类Dev

在jdbc的生产中使用oreintdb

来自分类Dev

browserify的含义是什么。-t [envify --NODE_ENV生产] | uglifyjs -cm> js / bundle.min.js

来自分类Dev

使用 dist 输出将 angular 部署到生产环境无法正常工作

来自分类Dev

我使用react-create-app并收到此错误=> ./src/index.css(./node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4 -1

Related 相关文章

  1. 1

    在发布配置文件中使用uglifyjs

  2. 2

    如何使用UglifyJS 2丑化JavaScript?

  3. 3

    构建我的 React 应用程序时出错 (UglifyJs)

  4. 4

    使用 webpack 和 React 在开发/生产中配置 CSS 模块

  5. 5

    我可以通过API使用uglifyjs美化javascript吗?

  6. 6

    uglifyjs-使用任何选项运行时挂起

  7. 7

    生产中的React:生产中React的大小必须是多少?

  8. 8

    在 Webpack 配置的`plugins` 或`minimizer` 部分中使用 uglifyjs-webpack-plugin 吗?

  9. 9

    我应该使用--prefer-dist进行生产吗?

  10. 10

    我应该使用Nginx在生产中服务React吗?

  11. 11

    使用Express的React Router,子页面在生产中无法正确路由

  12. 12

    我需要node.js来使用UglifyJs2吗?

  13. 13

    如何用逗号禁用UglifyJS链接声明。我无法使用断点

  14. 14

    Webpack使用UglifyJS插件优化会导致运行时错误

  15. 15

    使用 Assetic Bundle 时将选项传递给 UglifyJS2

  16. 16

    UglifyJS内存不足

  17. 17

    UglifyJS属性处理

  18. 18

    Can UglifyJS be a replacement for RequireJS?

  19. 19

    UglifyJS更改代码行为

  20. 20

    uglifyjs:找不到命令

  21. 21

    在R中使用“ TermDocumentMatrix”和“ Dist”函数时出错

  22. 22

    在生产中使用Cakephp测试

  23. 23

    在生产中使用Firebase

  24. 24

    在生产中使用Docker

  25. 25

    在生产中使用Magento 2

  26. 26

    在jdbc的生产中使用oreintdb

  27. 27

    browserify的含义是什么。-t [envify --NODE_ENV生产] | uglifyjs -cm> js / bundle.min.js

  28. 28

    使用 dist 输出将 angular 部署到生产环境无法正常工作

  29. 29

    我使用react-create-app并收到此错误=> ./src/index.css(./node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4 -1

热门标签

归档