【发布时间】:2015-12-27 18:47:45
【问题描述】:
我有这种情况:
- 我在 bower_componenents 文件夹中通过 bower 下载了一些 js 库
- 不同 js 文件夹中的一些自定义 javascript
我的 concat 任务如下:
concat: {
dist: {
src: [
'bower_components/jquery/jquery.js',
'bower_components/imagesloaded/imagesloaded.js',
'js/libs/*.js',
'js/custom/*.js'
],
dest: 'js/build/production.js'
}
}, //end concat
然后由 grunt uglifier 处理结果,如下所示:
uglify: {
dist: {
src: 'js/build/production.js',
dest: '_site/js/production.min.js'
}
}, //end uglify
如果我从 bower_components 文件夹中添加一个库(在我的例子中是 jquery),那么这里发生的一切都会顺利进行。如果我添加第二个(在我的情况下加载图像),生成的 javascript 文件会被破坏,并且根本没有 javascript 工作。
如果我检查production.min.js 文件,我注意到所有需要的代码实际上都在那里,但它不起作用。
我错过了什么? 我应该使用 grunt-bower-concat 吗?如果是,为什么以及它是否会连接我的自定义 js?
作为参考,我正在使用这个 grunt 样板:https://github.com/vlrprbttst/grunt-boilerplate-v2
谢谢!!
【问题讨论】:
-
这可能与 uglify 插件的
mangle选项有关。我建议禁用它(请参阅 github.com/gruntjs/grunt-contrib-uglify#no-mangling 以获取 grunt 任务的示例配置) -
@PrayagVerma 谢谢,但不幸的是它没有帮助:/
-
我已经尝试使用本教程 fuseinteractive.ca/blog/… 和 grunt-bower-concat 但我有同样的问题
标签: javascript gruntjs bower grunt-contrib-concat