Tag: gruntjs

咕噜 – 得到“本地Npm模块”xxx“没有find。是否安装？“这是什么原因造成的？: 我刚刚收到一个咕噜包的副本工作，但我是新来的咕噜，并无法find答案的几件事情。最大的问题是不知道下面的错误来自哪里 – 有人可以告诉我这是从哪里来的？这两个文件都在同一个目录中。 $ grunt >> Local Npm module "grunt-contrib-clean" not found. Is it installed? >> Local Npm module "grunt-contrib-concat" not found. Is it installed? >> Local Npm module "grunt-contrib-copy" not found. Is it installed? >> Local Npm module "grunt-contrib-cssmin" not found. Is it installed? >> Local Npm module "grunt-contrib-handlebars" not found. Is […]

configurationgrunt复制任务以排除文件/文件夹: 我已经安装了grunt任务grunt-contrib-copy 。我将它Gruntfile.js到我的Gruntfile.js并通过grunt.loadNpmTasks('grunt-contrib-copy');加载任务grunt.loadNpmTasks('grunt-contrib-copy'); 。目前我使用以下configuration来创build一个文件夹与我的js文件/文件夹的子集。 copy: { options: { processContent: [], processContentExclude: ['build/**', 'bin/**', '.*', '*.orig', '*.bak', '.*/**', '*.log', 'dist/**', 'test/**', 'dev/**', 'pyserver/**', 'node_modules/**', 'doc/**'] }, du: { files: [ {src: ['.conf1', '.conf2', './config.js'], dest: 'output/toolkit/', filter: 'isFile'}, {src: ['./css/**/*', './img/**/*', './js/**/*', './release/**/*', './lib/**/*', './locale/**/*'], dest: 'output/toolkit/'}, {expand: true, cwd: './', src: ['**'], dest: 'output/'} […]

什么是Yeoman工作stream与Sass文件？: 我尝试使用yeoman，但我不知道如何使用自己的sass文件。同 grunt server Sass文件被监视和编译成 .tmp/styles/ 但没有引用编译的样式表，除了<link rel="stylesheet" href="styles/main.css"> 那么，在开发过程中，如何在index.html中使用编译好的sass文件？例如grunt server ，如果我将我的样式app/styles/my.sass为.tmp/styles/my.css ，则会被覆盖，并且它位于服务器之外（localhost：9000）。因此，它不可能在index.html链接它。 grunt build是main.css中的一切，包括my.sass但在开发过程中，我不知道如何在index.html使用自己的sass文件。你能给我一些简单的例子吗？这是默认yeoman安装。我做到了这一点： yo angular test 我添加app/styles/style.sass grunt server将style.sass编译成.tmp/styles/style.css 现在我不知道如何在html中包含style.css （对不起，这可能是一个愚蠢的问题，但我也是新手，也是咕噜咕噜）这是来自yeoman的Gruntfile.js： 'use strict'; var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet; var mountFolder = function (connect, dir) { return connect.static(require('path').resolve(dir)); }; module.exports = function (grunt) { // load all grunt tasks […]

为什么build议使用concat，然后uglify时，后者可以做到这一点？: 我不断看到build立JS文件准备生产的build议是concat然后uglify。例如在这里，在Yeoman的咕噜声的任务。默认情况下，stream程是：concat – > uglifyjs。考虑到UglifyJS可以同时进行连接和缩小，为什么你会同时需要两个？谢谢。

Grunt：观看多个文件，只编译更改: 我是Grunt的新手，到目前为止我非常享受。我希望Grunt在运行grunt watch时只编译更改的文件在我的Grunfile.coffee中，我现在有（相关部分）。注意：assets / javascript / app.coffee和assets / javascript / app.js是目录 coffee: default: expand: true cwd: "assets/javascript/app.coffee" src: ["*.coffee"] dest: "assets/javascript/app.js" ext: ".js" uglify: dev: options: beautify: true compress: false mangle: false preserveComments: 'all' files: "js/app.js": "assets/javascript/app.js/*.js" "js/libs.js": "assets/javascript/libs/*.js" watch: coffeescript: files: 'assets/javascript/**/*.coffee' tasks: ["coffee"] javascript: files: "assets/**/*.js" tasks: ["uglify:dev"] livereload: files: ["Gruntfile.coffee", […]

使用grunt.js合并使用RequireJS的JavaScript文件的工作项目结构？: 我有一些使用RequireJS在浏览器中加载单个JavaScript模块的项目，但是我还没有优化它们。在开发和生产中，应用程序会为每个JavaScript文件分别提出请求，现在我想用Grunt来解决这个问题。我试图把一个简单的项目结构放在一起无济于事，所以我想知道如果有人能为我提供一个工作的例子。我的目标如下：在开发模式下，通过为每个需要的模块发出一个单独的请求，一切在浏览器中运行。在开发模式下不需要任何烦人的任务或串联。准备就绪后，我可以运行一个grunt任务，使用r.js优化（组合）所有JavaScript文件，并在本地进行testing。一旦我确信优化的应用程序正确运行，我可以部署它。为了这个对话，这是一个示例结构： grunt-requirejs-example/ grunt.js main.js (application entry point) index.html (references main.js) lib/ (stuff that main.js depends on) a.js b.js requirejs/ require.js text.js build/ (optimized app goes here) node_modules/ (necessary grunt tasks live here) 具体来说，我正在寻找一个可以开始的工作项目结构。我的主要问题是：如果这个项目结构有缺陷，你有什么build议？究竟需要在我的grunt.js文件中，特别是要获得r.js优化器的工作？如果所有这些都不值得工作，并且有一种方法可以使用grunt watch任务在每次保存文件的时候自动在开发模式下创build所有的东西，那么我就是所有人。我想避免任何可以减缓循环的变化，以便在浏览器中看到它。

为什么Grunt不把自己添加到shell中？: 我有一个问题安装咕噜声。所有的文档和博客文章教程说，运行： npm install -g grunt 然后将允许您从terminal运行grunt命令。我有一个情况，似乎安装没有错误的咕噜声，但在terminalinput命令咕噜仍然给： -bash: grunt: command not found 我可能做错了什么？我在哪里可以findgrunt手动添加到我的BASHconfiguration文件？

通过Grunt将量angular器与Yeoman集成: 我想整合量angular器与Yeoman生产的脚手架。我跟着一个教程，在那里，老的scenario-runner被用来设置e2etesting（通过grunt ）。我想升级我的脚手架，而不是使用量angular器。有什么想法吗？

generator-angular：调用`grunt test`时找不到“karma”任务: 我正在试图为AngularJS设置Yeoman的开发环境，我按照说明安装了Yeoman： sudo npm install -g yo bower grunt-cli generator-angular我正在生成一个新的应用程序，用于yo angular 。生成应用程序后，运行karma start会启动karma服务器，但会运行grunt test结果 Loading "grunt-karma.js" tasks…ERROR >> TypeError: object is not a function Warning: Task "karma" not found. Use –force to continue. Aborted due to warnings. 我该如何解决？编辑：一些文件（从Yeoman新鲜生成） Gruntfile.js： 'use strict'; var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet; var mountFolder = function (connect, dir) { return […]

咕噜 – concat和uglify和minify有什么区别: grunt中的concat，uglify和minify任务有什么区别？我为我的网站的所有JavaScript任务设置了一个uglify任务，它似乎都缩小和连接它们。 Grunt的网站对于如何configuration每个任务有很好的描述，但似乎没有解释每个任务实际上做了什么。