javascript - 如何在 JavaScript 项目中运行缩小文件

Question

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

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

我首先“连接”，然后“丑化”。现在，我不知道如何运行。

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

代码：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);

score 0 · Accepted Answer

您需要一个 HTML 文件来指向新脚本。Uglify 到一个不同的目录并将你的 HTML 副本放在那里，但换掉脚本标签......

score 0 · Accepted Answer

通常的 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，而不是未构建的。

2 回答 2