Question

我有一个使用Openlayers库的应用程序。 Openlayers使用Closure Library。

我想将所有内容（应用程序，Openlayers和Closure库）编译到一个whole_application.js文件中。

问题是Closure Compiler在所有源上运行，将未使用的函数放入我的whole_application.js文件中，例如goog.ui。

我的应用程序是用ES5编写的，围绕一个简单的goog.require / goog.provide。（我也想把它移植到ES6）

我想设置类似root.js的东西 - 依赖树的根 - 一个包含所有goog.require的文件，我可以在那里写

goog.provide('myApplication');

goog.require('ol.source.Vector'); // openlayers module
goog.require('myApplication.someModule');

快乐。有没有办法做到这一点？

或者，我可以使用我的源代码设置文件夹来编译其中的所有内容，以及具有依赖项的文件夹（例如openlayers / closure库）来搜索那里所需的依赖项吗？

或者，也许还有其他一些解决方案？

使用gulp / google-closure-compiler执行编译/部署。这是脚本：

dirs.deploy = 'folder/with/my/sources'

var closureLibraryPath = './node_modules/google-closure-library/'

var closureLibraryExcludes = [
  "!**/*_test.js",
  "!**/*_perf.js",
  "!**/*tester.js",
  "!**/*promise/testsuiteadapter.js",
  "!**/*osapi/osapi.js",
  "!**/*svgpan/svgpan.js",
  "!**/*alltests.js",
  "!**/*node_modules**.js",
  "!**/*protractor_spec.js",
  "!**/*protractor.conf.js",
  "!**/*browser_capabilities.js",
  "!./doc/**.js"
];

gulp.task('deps-deploy', ['copy'], function (cb) {
  var exec = require('child_process').exec;
  exec(`
    cd ` + dirs.deploy + `/js &&
    chmod 644 deps.js &&
    "./` + closureLibraryPath + 'closure/bin/build/depswriter.py" ui.js --root_with_prefix="assets assets" > deps.js');
});


gulp.task('process-broadcast-assets', ['deps-deploy', 'copy', 'clean'], function() {
      var compilerOptions = {
    "compilation_level": "SIMPLE",
    "language_in": "ECMASCRIPT6",
    "language_out": "ECMASCRIPT5",
    "source_map_format": "V3",
    "warning_level": "QUIET",
    "formatting": "PRETTY_PRINT",
    "js_output_file": "whole_application.js",
    "output_wrapper": "%output%"
  };
  var paths = [].concat(dirs.deploy + '/js/assets/**/*.js', closureLibraryPath + 'closure/goog/**/*.js', closureLibraryPath + 'third_party/**/*.js' );
      paths = paths.concat(closureLibraryExcludes);
      return gulp.src(paths)
      .pipe(chmod(644))
      .pipe(closureCompiler(compilerOptions))
      .on('warning', onWarning)
      .on('error', onError)
      .pipe(gulp.dest(dirs.deploy + '/js'));
});

感谢。

Answer 1

问题是Closure Compiler在所有源上运行，将未使用的函数放入我的whole_application.js文件中，例如goog.ui。

您需要使用dependency management标志。根据您的示例，您可能需要STRICT模式和goog:myApplication的入口点。编译器将删除应用程序不需要的任何文件。

编译器+库：如何设置库文件夹，但不编译它？

1 个答案: