如何使用精简的javascript？

我有一个繁重的任务来压缩和缩小我所有的javascript文件到一个文件中，javascript文件在dist文件夹中。“dist/.min.js”

“Gruntfile.js”

module.exports=函数（grunt）{
grunt.initConfig({
pkg:grunt.file.readJSON（“package.json”），
康卡特：{
选项：{
分隔符：'；'
},
地区：{
src:['src/main/resources/app/js/***.js'，
'src/main/resources/app/config/*.js'，
'src/main/resources/app/app/js']，
dest:'dist/.js'
}
},
丑陋的：{
选项：{
横幅：'/*！*/\n'
},
地区：{
档案：{
'src/main/resources/app/dist/.min.js'：['']
}
}
}
});
grunt.loadNpmTasks（“grunt-contrib-concat”）；
grunt.loadNpmTasks（“grunt-contrib-uglify”）；
registerTask（“default”、“concat”、“uglify”）；
};

现在，我如何使用这个小型版本的javscript？此外，我的代码的index.html入口点指向非精简版本

“index.html”

---

您可以按常规方式包含js文件

<script src="path to the minified file"></script>

在index.html中。 缩小后的文件就像普通的JS文件一样。它所做的是：

它将把所有提到的JS文件合并成一个文件

然后它将缩小它，即它将删除空格并自动更改变量名

这样做的好处是，您将拥有一个较小的文件和一个从浏览器发出的http请求，这将帮助您以更快的速度加载页面

你可以从中使用usemin。Usemin，其他任务如下

• 海螺
• 丑陋的
• cssmin
• 文件修订

能够在一个文件中缩小所有js和css。您只需添加build:js，如下面的代码段所示：

您可以像使用任何其他JavaScript文件一样使用它。“此外，我的代码的index.html入口点指向非缩略版本。”它应该指向缩略版本。@FelixKling是的，如果我的所有javascript文件都有目录结构，我必须保留目录结构，并将缩小的javascript文件放在相应的目录位置，以便指向这些缩小的版本。我说的对吗？只要将文件加载到HTML文件中，文件放在何处并不重要。包含精简JS代码的文件真的没有什么特别之处。@FelixKling我正在寻找类似的东西。我想我的问题不清楚。但是，谢谢你的回答。我应用了它，我的问题就解决了。“grunt usemin正在进行一些重大的开发，以解决一长串的问题。因为他们可能会与master决裂，所以他们被合并到开发分支。”@will\u like\u\u\u anon您是对的，但在大多数情况下都有效。我用过，效果很好。

<div ui-view/>
<script data-main="config/require-conf" src="vendor/requirejs/require.js"></script>

<script src="path to the minified file"></script>