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每个任务有很好的描述,但似乎没有解释每个任务实际上做了什么。