Tag: gruntjs

Grunt从sass输出

我在OS X上通过PHPStorm 8的terminal运行。 我只是做了一个新的node.js和凉亭和咕噜安装。 我已经在另外两台OS X机器上完成了这个任务，没有任何麻烦。 由于某些原因，grunt正在编译我的SCSS文件到： [object Object] 它可以在我的台式机和其他笔记本电脑上运行，运行所有相同的版本。

咕噜生成和服务相对path不匹配

我有一个典型的目录结构设置我的angular应用程序。 我在应用程序目录中也有一个git子模块： app submod submod.js submod.css bower_components dist node_modules bower.json Gruntfile.js package.json … 我的index.html是为grunt build任务设置的。 一切工作正常，除了子模块文件，因为path导致问题。 如果我把“应用程序”放在path中，构build会正常工作： <!– build:css(.) styles/vendor.css –> <!– bower:css –> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /> <!– … –> <!– endbower –> <link rel="stylesheet" href="app/submod/submod.css" /> <!– endbuild –> 但是，使用grunt serve在本地运行应用程序将不起作用，除非我从path中删除应用程序： <!– build:css(.) styles/vendor.css –> <!– bower:css –> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" /> <!– […]

-bash：grunt：找不到命令

我正在使用节点0.10.35和grunt命令工作正常。 现在升级到0.12.3之后grunt命令已经停止工作。 OS：Mac OSX 10.10.1节点：0.12.3 npm：2.9.1 grunt：0.4.5 我以为在节点安装中可能会有问题，所以我干净地安装了它3-4次 我试着用 – 节点v0.12.3.pkg 节点版本pipe理器（nvm） 针对这些问题的许多解决scheme都build议使用npm install -g grunt-cli 然后使用npm install来安装本地节点模块。 我遵循该程序，但我得到同样的错误。

Grunt – 在dev中编译并导入单独的sass，但在编译时连接它们

所以我有一个包含许多scss文件的文件夹。 我曾经把@import全部导入一个大的main.scss文件。 但随着时间的推移，文件变大了，整个文件重新编译之后，现在需要20多秒才能看到变化的结果。 我想使用Grunt来观察scss文件，只重新编译一个已经改变的文件，然后用grunt serve刷新页面。 在dev中，html页面应该包含与scss文件一样多的<link>标签。 在prod中，我想能够将它们连接成一个类似grunt build main.css文件 此外，请注意，我有一些variables.scss文件，可能在任何部分中使用。 所以他们也应该可以访问这些variables。 我不知道从哪里开始。 任何帮助将非常感激。

grunt-contrib-concat concat目标源映射选项不工作（windows）

在运行grunt concat时，控制台会说我的源映射是创build的，但是源映射在我的文件系统上不存在。 我的Gruntfile中的插件configuration： grunt.config('concat',{ scripts: { src: [ grunt.config.get('pkg.src') + '/scripts/vendor/underscore*.js', grunt.config.get('pkg.src') + '/scripts/vendor/jquery*.js', grunt.config.get('pkg.src') + '/scripts/vendor/angular-*.js', grunt.config.get('pkg.src') + '/scripts/vendor/*.js', grunt.config.get('pkg.src') + '/scripts/source/main.js', grunt.config.get('pkg.src') + '/scripts/source/services/httpHelper.js', grunt.config.get('pkg.src') + '/scripts/source/**/*.js' ], dest: 'static/server/scripts/app.js', options: { sourceMap: true } }, styles: { src: [ grunt.config.get('pkg.src') + '/styles/vendor/**/*.css', grunt.config.get('pkg.src') + '/styles/source/**/*.css' ], dest: 'static/server/styles/app.css' }, }); 控制台输出： C:\workspace\someproject>grunt […]

Grunt-connect-proxy，转发文件不起作用

我正在使用这个库来从grunt（端口9000）转发api-request到节点（端口3012）的api。 https://github.com/drewzboto/grunt-connect-proxy 它在来自服务器的响应是json时起作用。 但是当它是一个图像时它不起作用。 我试图做一个与Apache的代理，它在那里工作。 所以这一定是错误的，我的代理人在咕噜。 这是来自Apache的铬响应： 这是来自grunt服务器的chrome repsonse 响应标签是空的 这些是我正在使用的相关软件包： "grunt": "^0.4.1", "grunt-connect-proxy": "^0.2.0", 这是我的gruntfile.js中的代理 proxies: [ { context: '/api_paros', host: 'localhost', port: 3012, https: false } ], livereload: { options: { open: true, base: [ '.tmp', '<%= yeoman.app %>' ], middleware: function (connect, options) { if (!Array.isArray(options.base)) { options.base = [options.base]; } // […]

通过代理或不使用grunt执行摩卡testing

我想configuration我的摩卡testing是否在代理之后执行。 例如， grunt test 会执行我在本地主机（无代理）的testing文件夹中定义的testing。 和 export http_proxy=PROXY:PORT grunt test mywebsite.com 将执行testing，但通过代理。 那可能吗？

摩卡istanbul不包括一个文件

我正在使用grunt mocha istanbul来运行我的testing用例并检查代码覆盖率。 当我运行命令npm test时，每个文件中的所有testing用例都被执行。 但是，当涉及到代码覆盖率时，其中一个文件没有被检查。 有趣的是，该文件夹中的所有文件都已经过代码覆盖testing。 我无法find任何指出问题出在哪里的错误日志。 有人可以指导我吗？

grunt-usemin src文件是空的

我正在尝试在我的项目中使用grunt-usemin来缩小JS和CSS文件，但是效果不好。 所以我创build了一个简单的例子，如grunt-usemin文档，这也不起作用。 我有简单的结构： . ├── Gruntfile.js ├── dist │ └── js ├── index.html ├── js │ ├── bar.js │ └── foo.js └── package.json 在index.html中，我有下面的块参考2个JS文件： <!– build:js js/optimized.js –> <script src="/js/foo.js"></script> <script src="/js/bar.js"></script> <!– endbuild –> 我的Gruntfile.js： module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), useminPrepare: { html: 'index.html', options: { dest: 'dist' } […]

node-inspector不能从generator-angular-fullstack应用程序工作

我很咕噜咕噜，并使用generator-angular-fullstack和yeoman创build了一个新的应用程序。 我想弄清楚如何debugging。 当我运行grunt serve：debug时，我得到一个Chrome窗口，其中http：// localhost：8080 / debug？port = 5858 然后，我在另一个Chrome选项卡的http：// localhost：9000中打开我的应用程序。 两个问题虽然： 如果我设置了一个中断点，那么debugging器将不会触发它 我只能在客户端js中设置断点，而不是服务器端 谢谢你的帮助