Question

Google刚刚发布了Closure，这是一个缩小JavaScript的编译器。

在产品网站上，它说“Closure Compiler也已与Page Speed集成”。

如何使用Page Speed使用Closure编译我的网页JavaScript？

（或者，是否有一个网站，我可以简单地粘贴在我的JavaScript中，以便缩小它？

Answer 1

对于单个文件，它很简单

java -jar $path_to_jar/compiler.jar --js input_file.js \
          --js_output_file output_file.js

对于多文件项目，您可以将calcdeps.py与compiler.jar

结合使用

#!/bin/sh$
$CALCDEPS_PATH=/path/to_calcdeps  #directory containing calcdeps.py
$JAR_PATH=/path/to_jar            #directory containing compiler.jar
$CLOSURE_PATH=/path/to_closure    #contains directory "closure"
$CALCDEPS_PATH/calcdeps.py --path $CLOSURE_PATH \
                           --path . \
                           --compiler_jar $JAR_PATH/compiler.jar \
                           --input main_project_file.js \
                           --output_mode compiled \
                           > compiled_project_file.js

这样编译器可以提供有关类型错误等的有意义的信息。类型错误可以在编译时捕获，因为compiler.jar使用certain JSDoc comments来获取类型信息。

额外的编译器标志可以与calcdeps.py或-f选项一起传递给--compiler_flags

如果要使用高级优化设置

--compiler_flags "--compilation_level=ADVANCED_OPTIMIZATIONS"

注意双引号和等号 - 必须在bash中使用该格式

Answer 2

Closure编译器现在可用作JavaScript应用程序。不再需要Java依赖

有几种方法可以与它集成。我已将其作为Rollup

的一部分完成

例如：

import rollup from 'rollup';
import closure from 'rollup-plugin-closure-compiler-js';

export default {
  entry: 'index.js',
  dest: 'dist/build.js',
  format: 'iife',
  plugins: [
    closure({
      languageIn: 'ECMASCRIPT6',
      languageOut: 'ECMASCRIPT5',
      compilationLevel: 'ADVANCED',
      warningLevel: 'VERBOSE',
      externs: [{src:`
                      var jQuery;
                      jQuery.fadeIn = function() {};  

                      var ko;  
                      ko.applyBindings = function(vm) {};
                      ko.computed = function(a,b) {};
                      ko.observable = function(a) {};
               `}],
    })
  ]
}

更多信息：

http://www.syntaxsuccess.com/viewarticle/using-the-closure-compiler---advanced_optimizations

Answer 3

“Page Speed 1.4 Beta集成了Closure Compiler以自动缩小JavaScript文件。但是，您需要单独下载并安装Page Speed Beta和Closure Compiler。”

http://code.google.com/speed/page-speed/download.html

我还没有安装此版本，但我相当确定Page Speed会在优化建议中为您提供已编译的代码。

Answer 4

似乎Closure Compiler与Page Speed only for Windows集成在一起。

Answer 5

使用带有PHP的闭包编译器（通过CURL托管或通过命令行工具本地）

http://bohuco.net/blog/2009/11/google-closure-compiler-with-php/

Answer 6

如果您需要编译多个js文件，或者如果您想简化编译过程，可以使用kjscompiler：https://github.com/knyga/kjscompiler（基于谷歌闭包编译器）

如何使用Google的Closure编译JavaScript

6 个答案: