自动重建封闭大豆模板

时间:2012-08-29 11:49:03

标签: javascript google-closure-library google-closure-templates plovr

我在使用Google Closure Soy模板时遇到了问题。 当我更改模板时,我需要从命令行运行脚本以将Soy模板编译为JS文件。是否有服务或其他东西自动重建这些模板?

另外,据我所知,“plovr”服务能够自动使用闭包编译器重建JS源代码。 有没有办法重建大豆模板并通过plovr自动将它们放到指定的文件夹中?

1 个答案:

答案 0 :(得分:2)

Plovr会自动编译Closure Templates(大豆文件)以及JavaScript源代码。

如果您的项目具有以下文件结构,则可以使用下面显示的plovr配置文件。

/home/my/project
         |-- build
         |-- js
             |-- myapp.js
         |-- soy
             |-- mytemplate.soy

plovr_config.json

{
  "id": "myapp",
  "inputs": [
    "/home/my/project/js/myapp.js"
  ],
  "paths": [
    "/home/my/project/soy"
  ],
  "mode": "ADVANCED",
  "level": "VERBOSE",
  "output-file": "/home/my/project/build/myapp.compiled.js"
}

在开发过程中,您需要在HTML文件中配置<script>标记,以便在启动plovr服务器后自动重新编译JavaScript和Closure模板:

java -jar plovr.jar serve plovr_config.json 

的index.html

<!doctype html>
<html>
<head>
  <title>My App</title>
</head>
<body>

<h1>My App</h1>

<script src="http://0.0.0.0:9810/compile?id=myapp"></script>

</body>
</html>