如何在 JavaScript 项目中运行缩小文件答案

【问题标题】：How to run minify files in JavaScript project如何在 JavaScript 项目中运行缩小文件
【发布时间】：2014-06-10 07:20:13
【问题描述】：

我使用 grunt 任务运行器缩小了我的 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);

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：