jac*_*sme 6 javascript node.js npm gruntjs grunt-contrib-concat
致力于Gruntfile.js为即将开展的项目组建基地.从一台新电脑开始,所以一切都是新的.使用Homebrew安装Node和NPM,然后在全局和本地目录中安装Grunt.
这是我的package.json:
{
"name": "timespent-prototype",
"version": "0.1.0",
"devDependencies": {
"assemble": "0.4.37",
"bower": "^1.4.1",
"grunt": "^0.4.5",
"grunt-contrib-concat": "^0.5.1",
"grunt-contrib-sass": "^0.9.2",
"grunt-contrib-watch": "^0.6.1",
"grunt-newer": "^1.1.0",
"grunt-wiredep": "^2.0.0"
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的Gruntfile.js:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
vendor: {
src: ['vendor/**/*.min.js'],
dest: 'build/javascripts/library.js',
}
},
// Takes your scss files and compiles them to css
sass: {
dist: {
options: {
style: 'expanded'
},
files: {
'build/stylesheets/application.css': 'app/stylesheets/application/index.scss'
}
}
},
// Assembles your templates into HTML files
assemble: {
options: {
layoutdir: 'app/views/layouts/',
partials: ['app/views/partials/*.hbs'],
flatten: true,
expand: true
},
pages: {
src: ['app/views/**/*.hbs','!app/views/layouts/*.hbs','!app/views/partials/*.hbs'],
dest: 'build/'
}
},
wiredep: {
task: {
src: ['app/views/layouts/*.hbs']
}
},
// Watches for file changes, runs the default task
watch: {
files: ['app/**/*'],
tasks: ['default'],
options: {
// Start another live reload server on port 1337
livereload: 1337,
}
}
});
// Load the plugins
grunt.loadNpmTasks('assemble');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-newer');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-wiredep');
// Register the tasks
grunt.registerTask('default', ['sass','assemble']);
grunt.registerTask('watch', ['watch']);
grunt.registerTask('concat', ['concat']);
grunt.registerTask('wiredep', ['wiredep']);
};
Run Code Online (Sandbox Code Playgroud)
我看到的问题是,对于多个任务,这里特别是wiredep和concat,任务陷入循环并永远不会结束.运行如下grunt concat的详细输出:
Registering "grunt-contrib-concat" local Npm module tasks.
Reading /Users/jacksonlynch/projects/timespent-prototype/node_modules/grunt-contrib-concat/package.json...OK
Parsing /Users/jacksonlynch/projects/timespent-prototype/node_modules/grunt-contrib-concat/package.json...OK
Loading "concat.js" tasks...OK
+ concat
Running tasks: concat
Running "concat" task
Running "concat" task
Running "concat" task
Running "concat" task
Running "concat" task
Running "concat" task
Run Code Online (Sandbox Code Playgroud)
哪里Running "concat" task会继续打印,直到我停止它.正如我在多个插件和任务中看到的那样,这可能是我安装NPM或Grunt时遇到的问题,但是我很难调试这个.如果有人之前碰到过这个,请告诉我有什么帮助!
谢谢!
编辑:回应Alireza Ahmadi的评论,这是我的文件结构:
.
|
|_ app/
|_ assets/
|_ javascript/
|_ stylesheets/
|_ views/
|
|_ build/
|_stylesheets/
|_javascripts/
|
|_ vendor/
|_ bower.json
|_ Gruntfile.js
|_ package.json
Run Code Online (Sandbox Code Playgroud)
Ali*_*adi 18
在你的最后两行Gruntfile.js你已经重新声明了concat和wiredep任务,当grunt尝试运行你的代码时,它陷入无限循环,因为concat引用了一个未定义的concat任务,所以你应该删除这些行:
grunt.registerTask('concat', ['concat']);
grunt.registerTask('wiredep', ['wiredep']);
Run Code Online (Sandbox Code Playgroud)
通常,当您定义一个名为的任务foobar时grunt.initConfig,它已定义并且不需要使用注册registerTask,并且可以通过grunt foobar命令访问它.
| 归档时间: |
|
| 查看次数: |
2733 次 |
| 最近记录: |