我有一个目录如下：
/folder/b.js
/folder/jQuery.js
/folder/a.js
/folder/sub/c.js
我想将所有这些JS文件压缩成一个JS文件，按顺序：
jQuery.js -> a.js -> b.js -> c.js
问：
1.如何通过grunt-contrib-uglify完成此操作？（实际上有很多文件，逐个指定源文件路径是不切实际的）
2.另外，如何在调试时获取未经压缩的文件，在发布时获取已经压缩的单个文件，并且无需更改HTML中的脚本标记（如何编写脚本标记）？
好问题！
1）Uglify将重新排列目标文件中的函数，使函数定义在顶部，函数执行在底部，但它似乎会保留函数执行的顺序。
这意味着如果你确保在Gruntfile中首先提到jQuery，那么运行定义其全局函数的函数jQuery将被放在最前面。
我使用这个配置：
uglify: {
options: {
sourceMap: true
},
build: {
files: {
'public/all.min.js': ['public/js/vendor/jquery-1.10.2.min.js', 'public/js/*.js'],
}
}
}
2）我认为没有一种确定的方法来完成这个任务。它取决于你使用什么网络框架、模板框架以及你有哪些要求。我使用的是 Express + Jade，在我的主 Jade 布局中包含了以下内容:
if process.env.NODE_ENV === 'production'
script(src='/all.min.js')
else
script(src='/js/vendor/jquery-1.10.2.min.js')
script(src='/js/someScript.js')
script(src='/js/otherScript.js')
在我的 package.json 文件中，我有：
"scripts": {
"postinstall": "grunt"
},
这意味着在部署（Heroku）时，当我运行npm install时，会运行grunt来压缩/合并文件，并且当使用NODE_ENV=production启动应用程序时，将使用已压缩的客户端JavaScript。本地调试时，我会使用原始的客户端JavaScript以便于调试。
这样做有两个缺点：
*.js来解决这个问题，但这可能并不适合所有人）。您可以将javascript列表放在Gruntfile中，并从此创建jade模板，但对于大多数项目而言，这似乎过于繁琐。NODE_ENV=production在本地测试运行应用程序，以验证最小化是否按照你的意图工作。编辑
我想补充一下，如果您的网站使用ES6编写，那么Rollup是最好的新连接包。除了捆绑文件外，它还将执行树摇，如果通过import语句包含，则删除您使用的库的部分。这样可以将代码库减少到仅需的内容，而不会有永远不会使用的代码膨胀。
我认为你不能仅通过uglify任务完成此操作，但是你有多种选择可以实现你想要的结果。
可能的工作流程是首先使用grunt-contrib-concat将文件按顺序连接到一个单一文件中，然后将这个连接后的文件传递给uglify。你可以在Gruntfile中定义concat的顺序，或者使用其中一个插件：
第一个是https://github.com/yeoman/grunt-usemin，在这里你可以在HTML文件中指定顺序，在你的脚本块周围放置一些注释。谷歌开发的这个插件非常好用。
第二个是https://github.com/trek/grunt-neuter，在这里你可以使用require定义一些依赖项，但不需要使用require.js中的大量代码。它需要对你的JS代码进行更改，所以你可能不喜欢它。我会选择选项一。
这可能只是与您的问题略有关联，但我想要类似的东西。只是我的顺序在以下方面很重要：
我正在使用通配符（['vendor/**/*.js']）加载所有供应商文件（angular、jquery及其相关插件）。但是某些插件的名称使它们在angular和jquery之前加载。解决方法是手动先加载它们。
['vendor/angular.js', 'vendor/jquery.js', 'vendor/**/*.js]
['app/**/*.js', '!app/app.js', 'app/app.js']
这样做可以避免在加载所有文件时同时加载 app.js 文件，只有在最后才会将其包含进来。
我遇到了同样的问题。一个快速的解决办法就是更改文件名 - 我使用了1.jquery.min.js，2.bootstrap.min.js等。
<!-- build:js:dist big-ugly.js -->
<script src="js1.js"></script>
<script src="js2.js"></script>
<!-- etc etc -->
<script src="js100.js"></script>
<!-- /build -->
该预处理器将用整个块替换。
<script src="big-ugly.js"></script>
concat: {
js: {
options: {
block: true,
line: true,
stripBanners: true
},
files: {
'library/dist/js/scripts.js' : 'library/js/*.js',
}
}
},
uglify: {
dist: {
files: {
'library/dist/js/scripts.min.js': [
'library/js/scripts.js'
]
},
options: {
}
}
},
concat: {
options: {
separator: ';',
},
build: {
files: [
{
src: ['js/vendor/**/*.js', 'js/main.min.js'],
dest: 'js/global.min.js'
}
]
}
},
- Jonathan de M.folder/*.js，2. 通常所有未压缩的文件都会保留，然后创建一个包含所有JS合并和压缩的新文件，所有信息都在doc中。