google-closure-compiler - 谷歌闭包编译过程node_modules

Question

我正在尝试使用 Google Closure Compiler 作为 webpack 的替代品。目前我正在使用以下内容来编译我的前端文件夹中的所有文件:

java -jar closure-compiler.jar --process_common_js_modules --js_output_file=static/out.js 'lib/js/src/frontend/*.js'"

问题是其中一个文件需要 React 和 ReactDOM。
我收到以下错误:

lib/js/src/frontend/app.js:7: ERROR - Failed to load module "react"
var React    = require("react");
           ^^^^^^^^^^^^^^^^

lib/js/src/frontend/app.js:8: ERROR - Failed to load module "react-dom"
var ReactDom = require("react-dom");
           ^^^^^^^^^^^^^^^^^^^^

如何确保 Google Closure Compiler 在 node_modules 文件夹中查找相关的第三方模块？

Answer 1

最新版本的 Closure-Compiler 支持节点模块。

编译器不会发现源文件 - 您必须将每个模块的源代码传递给编译器。此外，您需要通过任何package.json使用 --js node_modules/react/package.json 从包到编译器的文件.

如果您在整个项目中使用模块，您可能希望使用 dependency management flags以便编译器自动为您排序源文件。

根据您上面的示例，您的编译命令可能如下所示:

java -jar closure-compiler.jar --process_common_js_modules
    --dependency_mode=STRICT
    --module_resolution=NODE
    --entry_point="lib/js/src/frontend/app"
    --js_output_file=static/out.js
    --js='node_modules/react/package.json'
    --js='node_modules/react/**/*.js'
    --js='node_modules/react-dom/package.json'
    --js='node_modules/react-dom/**/*.js'
    --js='lib/js/src/frontend/*.js'

下一个版本后不久将提供完整的文档和一些额外的工具来利用这些功能。