如何在JavaScript项目中运行minify文件

时间:2014-06-10 07:20:13

标签: javascript gruntjs minify build-script

我使用grunt task runner缩小了我的JS文件。

我有一个缩小的文件,但我不知道如何使用这个缩小的JS文件来运行我的项目。

我首先'concat'然后'uglify'。现在,我不知道怎么跑。

我在我的Javascript项目中使用require和backbone。

代码:index.html

<!DOCTYPE HTML>
<html>
<head>
    <title>Minify POC </title>
</head>
<body>
<script src='main'>
</script>  

</body>
</html>

缩小JS文件:

/*! Example 10-06-2014 */
var a=10,b=20,c=a+b;console.log("Addition of c ::"+c);

原始文件

var a = 10;
var b = 20;
var c = a+ b;
console.log("Addition of c ::"+c);

2 个答案:

答案 0 :(得分:0)

您需要一个HTML文件来指向新脚本。 Uglify到另一个目录并在那里放置HTML副本,但是换掉脚本标签......

答案 1 :(得分:0)

通常的RequireJS入口点如下所示:

<script data-main="main" src="lib/require.js"></script>

根据HTML的提供方式,您可以添加require config以指向内置版本。例如,如果动态提供HTML,则可以根据环境配置添加页面中包含的script块:

<script>
    var require = {paths: {main: "path/to/built/main.js"}};
</script>
<script data-main="main" src="lib/require.js"></script>

现在,对main的任何引用都将加载构建的JS,而不是未构建的JS。