Question

最近，我已将reactJS集成到我们当前的骨干/ requireJS应用程序中。我使用的解决方案是通过JSXTransformer，所以我可以在主干内轻松加载reactJS组件，如下所示：

var CreateQuoteMainComp = require('jsx!MyComp');
ReactDOM.render(React.createFactory(MyComp)(),
                document.getElementById('myComp'));

这个解决方案非常适合确保reactJS与requireJS一起使用。但我发现了一个小问题，即最小化代码：在最小化的js（生产环境）中。我在控制台中发现了这个警告：

Warning: It looks like you're using a minified copy of the development build of React
You are currently using minified code outside of NODE_ENV === 'production'...

我使用grunt来最小化代码，这是配置部分：

requirejs: {
      desktopJS: {
        options: {
          baseUrl: 'public/js/app',
          wrap: true,
          name: '../libs/almond',
          preserveLicenseComments: false,
          optimize: 'uglify',
          mainConfigFile: 'public/js/app/config/config.js',
          insertRequire: ['init/DesktopInit'],
          include: ['config/config', 'init/DesktopInit'],
          out: 'public/build/desktop/main.min.js'
        }
      }
    },

任何人都可以帮忙指出为了在requireJS中打包reactJS部分，我该如何配置uglify？我检查了FB网站，但没有提到这个解决方案，他们只给出了使用react cli来最小化

提前致谢。

如何使用uglifyjs来最小化reactJS + requireJS

0 个答案: