如何在JavaScript项目中运行最小化文件

How to run minify files in JavaScript project

本文关键字：运行 最小化 文件 项目 JavaScript      更新时间：2023-09-26

我使用grunt任务运行器缩小了我的JS文件。

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

我先'concat'，然后' ugly '。现在，我不知道该怎么跑了。

我在我的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);

您需要一个HTML文件来指向新脚本。切换到另一个目录，并将HTML的副本放在那里，但是替换掉脚本标签…

通常的RequireJS入口点是这样的:

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

根据HTML的服务方式，您可以添加require配置来指向构建版本。例如，如果你的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。

相关文章：