我正在使用yeoman 1.0 rc和grunt创建一个静态网站,一切都很好,但我想做的除了css缩小版,一个所有文件路径都更新的非缩小版,这是可行的,我如何才能做到这一点
GrunFile是由yo webapp创建的一个非常标准的grunt文件
module.exports = function (grunt) {
// load all grunt tasks
require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTask
运行grunt build后,我在dist/style中没有font目录。
我做错了什么
以下是我在grunfile.js中看到的内容:
指南针:{
选项:{
sassDir:“/styles”,
cssDir:“.tmp/styles”,
imagesDir:“/../images”,
javascriptsDir:“/scripts”,
fontsDir:“/../styles/fonts”,
导入路径:“应用程序/鲍尔_组件”,
对,,
},
地区:{
选项:{
imagesDir:“/i
地狱
我不知道如何使用grunt任务更改路径。我需要更改所有文件(css、js、图像等)的路径。我没有找到任何例子怎么做
例如,现在grunt创建如下内容:
<script src="scripts/d41d8cd9.plugins.js"></script>
我需要这样的东西:
<script src="myapp/scripts/d41d8cd9.plugins.js"></script>
所以我需要对dist和所有path执行此操
标签: Gruntjs
karma-runnerbrowserifykarma-jasmine
我大致有以下目录设置
- project
...
- tasks/
- config/
grunt.json
- client/
- source_code_1/
- source_code_2/
- tests/
- Gruntfile.js
- karma.config.json
- node_modules
- package.json
并且正在使用browserify捆绑JS
这个设置真的很痛苦,因为所有的
标签: Gruntjs
grunt-contrib-watchgrunt-contrib-concatgrunt-contrib-coffee
所以,我有一个项目的布局是
src
--library
----a.coffee
----b.coffee
----c.coffee
--demo
----main.coffee
我目前已经设置grunt,将src/library中的coffeescript编译成intermediate/library,将结果连接到intermediate/library.js并放入dist
这很好,但现在我也想看src/demo并做同样的事情,我该怎么做呢
我的grunt文件是:
module.export
按照这里的说明,我可以构建Grafana并启动服务器监听,但是CSS显然不起作用。我已尝试重新执行构建前端资产的构建命令,但在以下顺序中遇到错误:
npm install
npm install -g grunt-cli
grunt
不清楚这些命令应该从哪个目录执行。我假设$GOPATH/src/github.com/grafana/grafana,但当我执行第一个命令npm install时,我会遇到一系列错误,如下所示:
npm WARN locking Error: EACCES, op
标签: Gruntjs
handlebars.jspartialsassemble
我正在尝试将一个大型grunt构建的项目迁移到,使用。我已经选择了组装它的把手模板引擎
我有两个名为header.hbs的分区,它们放在不同的目录中,如下所示:
。/partials/foo/header.hbs
。/partials/bar/header.hbs
我尝试通过{{>foo/header}和{>'foo/header}}引用,但都失败了,出现警告:找不到部分foo/header
我可以在详细的输出中看到,创建了两个名为header的部分{{>header}}成功,但将始终返回第二个
我正在使用grunt contrib copy并尝试将我的src文件夹的内容复制到我的dist文件夹中,同时排除一些目录
src
├── bower_components
│ └── ...
├── components
│ ├── html5shiv.js
│ └── jquery.min.js
├── js
│ └── ...
├── scss
│ └── ...
└── index.html
我的咕哝任务:
copy: {
main: {
expand:
由于工作机器上的代理限制,我似乎无法安装grunt,但我可以克隆git存储库(不问)
我想克隆,然后创建一个shell脚本,以便在每次需要时运行grunt
我需要从存储库的根目录运行什么命令才能运行grunt
编辑
在没有代理的情况下运行时(代理无限期空闲,即整个周末),请参阅下面的错误日志:
无论如何,您都需要npm。你安装了吗?你在运行什么操作系统?Windows 10。它已安装,但似乎无法通过代理。这会使使用grunt变得不可能吗?我正在尝试运行一个由组织内的其他开发人员构建的工具,该工具
我对sass-lint有一个问题,理论上,如果sass-lint中有错误,我不应该编译grunt
我把输入设置错了
module.exports = function (grunt) {
var path = require('path'),
argv = require('minimist')(process.argv.slice(2));
// load all grunt tasks
grunt.loadNpmTasks('grunt-contrib-copy'
标签: Gruntjs
nodeuniticed-coffeescript
当我运行冰封nodeunit测试时
$ nodeunit path/to/file/file_name.iced
。。。没关系
当我运行很多咖啡脚本测试时
grunt.initConfig({
nodeunit: {
coffee: ['path/to/coffee/nodeunit/tests/**/*_test.coffee']
}
});
$ grunt nodeunit:coffee
。。。没关系。
但是当我试图用grunt nodeunit运行一组冰冻
我正在启动一个新项目,并希望设置Grunt.js。是否有一个特定的命令可以使用样板代码结构初始化Grunfile.js?我建议您看看
它有生成器和模板,用于创建各种类型的JS应用程序(从您自己的webapp到angular)。它将为您创建一个基本的Grunt.js,并可以使用Bower来管理依赖项 Grunt有自己的一套可用于
从文档中,一些官方维护的插件包括
官方维护了几个grunt init模板:
-创建commonjs模块,包括Nodeunit单元测试
-创建基本GrunFile
-创建
我正在尝试更改'watch'上默认的uglify dev选项,但是没有设置它们。例如,我计划在“生产”的丑陋任务中添加更多的子任务,这将使用默认选项,但是对于我的“开发”子任务,我希望在监视任务中传递新选项
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
// ...
uglify: {
// defaul
所以我有一个这样的img标签
<img src="images/loading.gif">
如何让html以加载.gif的形式跟踪该文件名?请参阅此
简而言之,grunt rev可以很好地处理css中的背景图像,但不能处理img src attr
f42a62d8.loading.gif
我正在使用grunt任务来缩小静态文件,比如js、css、html
但是当我执行任务时,我发现了一些问题
如果在css floder中,请包含一些gif供使用。那么这些文件不能直接构建到dest
如果我不想使用复制插件
你对这个案子有什么想法吗
uglify: {
build: {
expand: true,
cwd: 'src/js',
src: '**/*.js',
dest:
当您从自己创建的应用程序运行grunt-service时,节点web服务器将启动并按预期显示应用程序
当您从服务器查看生成的源代码时,它引用
bower_components/bootstrap/js/######,scripts/main.js等等,但是在index.html和scripts/main.js所在的“app”文件夹中,没有bower_组件
我注意到,当您运行grunt时,dist文件夹中生成的应用程序确实包含bower_组件和所有必需的文件,因此它可以从任何web服务器运行
所以
我想将grunt和grunt cli安装到我的OpenShift部署中(这是一个Python 2.7盒带)
我创建了一个package.json文件,如下所示:
{
"author": "--",
"name": "--",
"version": "0.3.0",
"homepage": "--",
"dependencies": {},
"devDependencies": {
"grunt": "~0.4.5",
"grunt-cli" : "
标签: Gruntjs
livereloadgrunt-contrib-watch
我正在使用grunt查看我的html和css文件,并在它们更改时重新加载浏览器。如果我对html进行更改,页面几乎会立即重新加载,但是如果我对某些CSS进行更改,我会在命令提示符下得到以下打印结果
Execution Time (2015-03-10 16:02:07 UTC)
loading tasks 5ms █████████ 17%
newer:copy:styles
文件数组中的多个对象有问题。我有两组文件需要运行uglify,一组是需要压缩的单个文件,另一组是一组文件。问题是,任务一直说没有定义源文件。src和dest是相同的,因为文件是就地压缩的——这在以前是有效的,问题出现在我引入模板时。我设置了一个简单的测试任务来验证。以下是任务配置:
buildDir:bin,
建造:{
测试:{
档案:[
{
src:[/js/vendor.js],
dest:/js/vendor.js
},
{
是的,
src:[/js/**/main.js],
dest:[
我正在从grunt contrib compass转移到grunt sass。不过,我发现libsass编译器在main.scss文件中的一些导入上失败了
这是main.scss
@import "breakpoint";
@import "compass/css3";
@import "compass/css3/user-interface";
@import "compass/css3/transform";
@import "compass/utilities/general/clearf
我使用grunt服务并通过它访问服务的文件
localhost:9000,我想把它改成
localhost:9000/mypath
我从文档中了解到,我可以做到以下几点
'serve': {
'path': '/Users/user/Documents/workspace/project'
}
但我不知道该把这些选项放在哪里
我发现了一个类似的问题,但没有答案 grunt serve插件的配置块应位于(与任何其他任务配置一样)传递给的配置对象中,例如:
grunt.config.in
我已经设置了grunt来缩小我的html,但是当我运行'grunt htmlmin'
它不会将其发送到我的dist文件夹,以下是我使用的设置:
htmlmin: {
dist: {
options: {
removeComments: true,
collapseWhitespace: true
},
files: [{
expand: true,
我已经设置了一个uncss grunt任务。
我的html文件位于“公用”文件夹中
我的css位于“public/css”中
我将grunt任务设置为:
uncss: {
dist: {
files: {
'faq.min.css' : ['public/faq.html']
}
}
}
我得到一个错误,说:
Fatal error: UnCSS: could not ope
我有以下资料:
module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-sass');
// Project configuration.
grunt.initConfig({
pkg:
我创建了一个有趣的网页包来为我的应用程序生成捆绑包。生成包后,我需要执行以下任务
打开捆绑文件并重命名特定路径。由于我们设置put网站的方式,我不得不更改我们创建的捆绑包中的路径。目前我正在手动更改路径。因此,基本上我希望运行一个任务,该任务将查找XXXX文本,并将其替换为捆绑包中的YYYY
在重命名键/文本后,我想对内容进行丑化以缩小文件
我有什么选择。我是webpack的新手,正在寻找可能的解决方案。您签出了吗
在生成包之后,我将使用它来运行“替换”任务。从本质上讲,这会自动执行您当前正在执
标签: Gruntjs
grunt-contrib-connectgrunt-connect
我发现问题源于混淆grunt connect和grunt contrib connect(请参阅和)
鉴于它们的相似性和相互冲突的性质,有人能描述一下它们的句法差异以及功能差异吗?
例如,当您希望无限期地运行服务器时,例如在web服务器上(注意:这不是grunt的目的,而是使用grunt来处理文件,然后使用类似于或apache HTTP服务器的方法来托管处理后的文件)
当您要启动web服务器以供其他grunt任务使用时
这类似于grunt connect,是我在中使用的
谢谢你,我
我需要使用Grunt.js删除目录及其所有子目录中具有特定文件扩展名的所有文件,我想我可能需要一个模块来实现这一点?我看过clean,但它似乎是用于删除整个目录,而不是特定的文件
我的目录看起来像:
构建/img/
构建/img/ico
构建/img/标识
我要删除的文件扩展名是:
扩展名为.png~、.gif~或.jpg~
有什么想法吗?简单、下意识的回答是使用+一行shell脚本,如:
find-名称“*.png”-键入f | xargs rm-f您可以配置grunt contrib c
我不知道为什么Grunt没有生成我的HTML?
我的Grunfile有错吗
module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-ha
我正在Windows8上安装grunt。我的GrunFile.js非常简单:
module.exports = function(grunt) {
stylus: {
files: {
'build/style.css': ['styles/style.styl'],
}
};
autoprefixer: {
// prefix the specified file
si
标签: Gruntjs
handlebars.jsassemblegrunt-assemble
我跳进了/Grunt,试图改进为我使用的CMS创建模板的工作流程。我想弄明白的是:在开发时(即在“grunt watch”期间),是否可以在模板中使用HTML内容的块/部分,然后在最终HTML输出中(即在“grunt build”期间)使用CMS所需的include标记替换。像下面这样的
<div id="content">
{{! if in dev context, include this partial }}
{{#if}}
{{> body }}
{{! if i
我试着用这个作为模型来连接Karma test runner
我引入种子项目,构建它,测试运行程序运行得很好
当我编辑karma.conf.jsconfig文件以开始包含项目中的文件,并将其移动到当前设置(种子项目之外)时,我会遇到以下错误:
Running "karma:dev" (karma) task
ERROR [config]: Error in config file!
[ReferenceError: JASMINE is not defined]
ReferenceError:
GruntJS的文档非常节俭。这里有一个关于创建任务的小节,还有一个关于创建插件的小节
如果我想创建一个新东西(而不是使用像jslint这样的现有东西),那么我是在创建任务还是插件?插件只是创建可重用任务并将其发布到npm的约定。如果您不需要将它们发布到npm,那么您也可以使用
grunt.registerTask('alphabetize', 'description', function(arr) {
/// ...
});
无论是在gruntfile.js中创建任务,还是将其封装
标签: Gruntjs
uglifyjsgrunt-contrib-concatgrunt-contrib-uglifybabeljs
我正在寻找一种方法,在我的grunt构建过程中使用6to5transpiler,同时仍然能够将ES5输出的任何缩小文件映射回原始ES6源文件
grunt-6to5插件只有一个布尔sourceMap选项,它当然会生成映射回ES5源文件的.map文件。但是,当尝试将其与grunt contrib concat/grunt contrib uglify结合使用时,我只能得到返回到ES5输出的映射,而不是原始ES6源的映射
有没有办法完成我想做的事情?你找到解决这个问题的方法了吗?我也有同样的问题。我的
我想复制build目录中的style.css以覆盖主项目目录中的style.css
这是我的文件结构
project
├── assets
│ ├── styles
│ │ └── build
│ │ └── style.css
│ └── gruntfile.js
└── style.css
在我的gruntfile.js文件中,我有:
copy: {
dev: {
files: [{
cwd: 'styles/b
我想使用Grunt Watch监视css更改,但它不适用于我的css文件夹。下面是我在grunt文件中的配置,index.html页面被监视,但是css不能被监视。请给出一些建议
watch: {
options: {
livereload: true,
},
html: {
files: ['index.html'],
},
js: {
files: ['js/*.js'],
},
css: {
files: ['css/*.css'
标签: Gruntjs
grunt-contrib-watchgrunt-eslint
我似乎无法使用grunt contrib watch使ESLint仅在更改的文件上运行
我可以用JSHint来做这件事
如果您能帮助ESLint做到这一点,我们将不胜感激。前几天我成功地设置了这一点,因此我将发布一个可能的解决方案
无论您是尝试使用grunt.config还是模板来动态修改配置对象(在任务之间共享数据),您的问题可能是默认情况下,对于触发的任务,watch,使eslint在不同的上下文中运行
要解决这个问题,只需在配置监视时使用spawn:false选项标志
基本上,将您的任务配
现在,大多数软件包在NPM和Bower中都可用。我必须有NPM,但我想把鲍尔从我的项目中剔除
我目前依靠grunt wiredep在我的index.html中创建包含。此工具查看所有Bower配置,以便为我将所有必要的js和css文件拉入我的index.html
是否有一种工具可以对NPM依赖项执行相同的操作?您可以使用模块绑定器(如或)来执行此操作
为了开始使用Browserify,您需要首先通过NPM在全球范围内安装它
npm install -g browserify
然后在项目中,获取
关于我的吞咽任务,我需要一些帮助
我有一个“吞咽业力”任务,我想将业力配置文件作为参数传递给该任务。
我能做到这一点。就像grunt一样,我们可以使用
grunt.option(“文件”)
我们可以把咕噜任务称为
grunt taskName --file=myFileName
那么如何使用gulp实现同样的效果呢?gulp中没有任何东西可以为您解析命令行参数。
如果您愿意,可以直接使用节点的全局进程.argv。
我喜欢使用模块来处理GulpFile中的参数
var args = requir
我使用Yeoman使用bower和grunt构建了一个angular应用程序。运行grunt serve时出现以下错误:
Running "connect:livereload" (connect) task
Fatal error: Port 9000 is already in use by another process.
我有另一个进程使用端口9000,所以我只想更改Grunt的端口。我试图更改GrunFile中的端口,但仍然出现相同的错误。以下是Gruntfile.js中的grunt
标签: Gruntjs
source-mapsgrunt-contrib-cssmin
我正在尝试配置GrunFile以自动生成CSS文件的源映射。我有几个未统一的CSS文件,我将它们合并成一个缩小的文件,但我想通过sourcemap引用未统一的文件,以便在dist/src/_assets/CSS/中进行调试。我正在使用grunt contrib cssmin版本0.14.0和grunt 0.4.5
我的目标项目结构大致如下:
距离
_资产
css
src
_资产
css
src
_资产
css
我的grunt contrib cssmin配置为:
我用JekyllRB发电机搭建了一个约曼项目[1]。如果我继续对样式javascript使用根相对URL,一切都会很好
<!-- build:css({app,.tmp}) /styles/style.css -->
<!-- Custom CSS -->
<link rel="stylesheet" href="/styles/style.css">
<!-- endbuild -->
如果我想使用Jekyll的baseurl,我可以用
<
给定以下源代码树:
dev
丨- psd
丨- psd.psd
丨- png.png
丨- css
丨- css.css
丨- image
丨- 1.jpg
丨- 2.png
丨html.html
如何忽略psd文件夹复制到pub目录,如下所示
pub
丨- css
丨- css.css
丨- image
丨- 1.jpg
丨- 2.png
丨html.html
我尝试了以下方法:
{
expan
我正在使用grunt express server和grunt open启动express server并在浏览器中打开它。问题是服务器启动后,似乎自己关闭了。在浏览器中打开后,您将无法连接到localhost:9000
'use strict';
process.env.NODE_ENV = process.env.NODE_ENV || 'development';
process.env.PORT = process.env.PORT || 9000;
//var config = re
我正在使用yeoman webapp构建一个基本应用程序。我使用bower install-save安装了几个库,它们进入了bower_components文件夹。现在我运行grunt build,令我惊讶的是dist文件夹中的index.html文件引用了js文件的bower_components文件夹。我希望构建过程自动连接这些文件,并将连接的脚本放在dist文件夹中,使index.html文件引用这个连接的文件。默认情况下,我应该怎么做才能做到这一点。我的一个项目也遇到了同样的问题,因为一
标签: Gruntjs
grunt-usemingrunt-contrib-concatgrunt-contrib-uglify
我正在使用grunt usemin优化我的css和js文件。我想定制concat:仅为css文件生成的任务,而不是js文件。但我注意到,生成的配置使用相同的选项来执行此任务,即使我在post对象中指定了css键:
module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);
grunt.initConfig({
copy: {
ejs: {
为什么GruntJS不监视css/文件夹?
但它成功地监视了/js文件夹。
默认情况下,手动启动功能或使用grunt cli命令grunt或grunt cssmin的任何单独功能也能正常工作
我的GruntJS代码是:
module.exports = function(grunt) {
// 1. Вся настройка находится здесь
var d = new Date();
var y = d.getFullYear();
var bannerText = 'Creat
我最初的问题是让手表只对更改的文件执行minify/uglify,而不是所有文件。当它遇到所有问题时,我不得不等待几秒钟
我最终放弃了手表,不情愿地安装了另一个插件,grunt更新版
我不知道如何判断这是否有效,但第一个任务似乎已执行
接下来我需要解决的问题是如何运行第二个任务和第三个任务。到目前为止,我只能完成观察名单上的第一项任务。我换了任务,总是得到同样的东西。第一个任务运行后就完成了
这是我的grunt文件。我还是个新手,记住这一点
module.exports = function (
我对Grunt.js比较陌生,设置非常简单,但现在我有两个问题:
1) 首先,如何跟踪给定源文件夹中的任何文件夹?例如,“图像”文件夹本身可能包含图像,以及包含图像的文件夹和包含图像的文件夹等。
2) 有没有办法在它的主(构建)文件夹中查看图像?没有任何永恒的循环
这是我当前的配置:
module.exports = function(grunt) {
grunt.initConfig({
jsDir: 'sources/js/',
jsDistDir: 'public/js/'
我正在用travis测试我的代码。最近grunt任务开始失败,与grunt相关的任何内容都没有改变。(经过测试的新提交只在两个PHP文件中包含非常小的更改。)
以下是travis的日志部分:
$ grunt build:app
Running "typings:default" (typings) task
Warning: Cannot find any-promise implementation nor global.Promise. You must install polyfill
我的情况与其他问题的情况类似
“我使用量角器来测试我的angular应用程序。当我手动启动量角器时,它可以正常工作并测试所有内容,但当我试图通过grunt启动它时,麻烦就来了
当我启动grunt任务进行测试时,量角器会找到conf文件(它显示了要测试的规范的正确数量),但只需打开chrome驱动程序,在一个奇怪的“数据”上运行不到一秒钟;url,立即关闭它并将所有测试标记为“已通过”
grunt cli v1.2.0
grunt v0.4.5
节点v6.4.0
量角器4.0.4
module.e
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 47 页