问题标签 [gruntfile]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
268 浏览

angularjs - http-rewrite-middleware 与 generator-cg-angular

任何人成功使用“http-rewrite-middleware”和“generator-cg-angular”?

我在 Gruntfile.js 中尝试了这个设置,类似于他们为 Grunt 推荐的带有连接的设置。

然后在 grunt.initConfig 我有

然后我让这个输出运行“Grunt serve”

但是当我做 $http.get('rest/user') 它会给我这个输出

但是,如果我更改为端口 8000,这将起作用。

我之前使用过“grunt-connect-rewrite”,它或多或少是开箱即用的,我从来没有遇到过端口 8000 的问题,它在我询问的端口上询问没有问题。

我需要额外配置什么才能在 cg-angular 中进行这项工作,而无需在请求中添加端口 8000?

0 投票
1 回答
868 浏览

angularjs - sass 文件的角度全栈注入似乎有点奇怪?

我有一个围绕 yo angular-fullstack 构建的相对较大的 Angular 项目。我不熟悉 sass 文件,并且一直在使用它们,因为它们是简单的 css 文件。我觉得很奇怪的是,当我有一个控制器(示例)时,它包含三个文件 { example.js、example.html 和 example.scss },example.scss 文件被注入到各处。实际上,在浏览器中检查时可以看到每个控制器的 scss 文件。

有人可以指出控制这种注射的过程吗?我只是认为目录的范围将控制给定控制器的注入。显然那是愚蠢的。感谢您的洞察力!

与剖析 Grunt 文件相比,一个简单的查询似乎可以节省大量时间。但是,我附上了所需的 Grunt 文件!

Gruntfile.js:

0 投票
1 回答
1949 浏览

javascript - 如果模块位于不同的目录中,如何在 gruntfile 中使用 loadNpmTask 加载任务

尝试加载模块:grunt.loadNpmTasks('grunt-express-server');从外部目录。

得到一个错误:任务....不存在。你加载了吗?

目录结构:

所以我的问题是:如何使用存储在外部目录中的节点模块运行 grunt 任务?

0 投票
1 回答
267 浏览

twitter-bootstrap - 引导 grunt 文件。如何将 cssmin 任务包含到监视任务中

我有一个新的 Bootstrap 项目。一切正常,livereload,grunt命令,watch命令和cssmin命令,所以这些任务都可以。

但是,当我运行时grunt watch,没有生成缩小的 css 文件(我的意思是,当任何较少的文件更改和监视任务自动运行时)。所以,我需要添加 cssmin 任务来监视 gruntfile 中的任务。我不知道怎么做。我的 gruntfile 监视任务如下所示:

如何添加 cssmin 任务?先感谢您。

0 投票
1 回答
509 浏览

css - cssmin grunt 插件在 sourcemap 中生成不正确的源 url

cssmin grunt 插件grunt-contrib-cssmin修剪 css sourcemap 源 url 中的前导斜杠,从而使 css 映射不正确。同时,在手动编辑 sourcemap 文件(在每个源 url 中添加前导斜杠)之后,一切似乎都正确映射了。原始源映射文件取自原始 css(未缩小)中的注释,由其他 grunt 插件正确生成。

我的文件结构:

原始(未缩小的)css 的源图——源 url 是正确的。分别由grunt-contrib-lessgrunt-autoprefixer 生成

缩小 css 的源图 - 源文件的前导斜杠消失了。由grunt-contrib-cssmin生成:

我的gruntfile.js的一部分:

0 投票
1 回答
177 浏览

sass - Yeoman - Gruntfile.js 在构建时生成源映射,但在任何更改后将其删除

我用角度生成器安装了 Yeoman,它创建了 Gruntfile.js。问题是在终端中启动网络服务器后:

Yeoman 生成 main.css,最后带有源映射的引用

但是在更改任何 scss 之后,watch 例程最终会在没有源映射引用的情况下重新生成它。

您可以在下面看到我的 Gruntfile.js:

0 投票
1 回答
897 浏览

gruntjs - 具有权限的 grunt.file 写入/复制

有没有办法在 grunt.file.copy(...) 期间指定文件的权限,除了在复制完成后使用“fs.chmod”?

否则,我将不得不要求整个“fs”模块,只是为了更改权限。开销会很大吗?

0 投票
3 回答
2730 浏览

css - 使用 Grunt + PostCSS 自动添加前缀

我正在使用 Sass,而不是创建一个 mixin,而是尝试使用 grunt-postcss 在我的类定义中添加我的供应商前缀......

这是我的CSS

我的 gruntfile

但最终文件没有前缀。我究竟做错了什么?

[更新]

我试着改变

但仍然没有工作这是一个错误吗?我注意到之前没有人尝试过使用@keyframes定义

[更新]

在运行任务postcss:dist时出现错误

致命错误:未定义不是函数

我在这里错过了什么吗?

0 投票
1 回答
629 浏览

gruntjs - 将 Grunt 用于基本包含

我有一个包含 3 页的应用程序,我希望它是独立的。为了 DRY 代码,我想对页眉和页脚内容进行“包含”。我查看了grunt-html-build的文档和示例,但不知何故我做不到。所有 HTML 都在 path'src/html'中,includes 位于名为 "includes": 的子文件夹中'src/html/includes'

这是 HTML 示例:

然后在我的中我有以下内容:

我确定这只是语法,但我似乎无法克服这个错误:

Warning: an error occurred while processing a template (Unexpected identifier).

它是“意外标识符”这一事实告诉我,我没有正确地打点“i”或跨越“t”。更有经验的眼睛赞赏!

注意:我考虑过使用代替,但如果没有 globbing,我将不得不执行 3 个单独的任务来保持独特内容的完整性。


[编辑添加:]

我使用称为(适当地) grunt-includes的不同 grunt 任务在我的非常基本的用例中取得了成功。我能够适当地包含我的文件。

但是,我仍然对有条件地构建开发或分发包的功能感兴趣。任何见解仍然值得赞赏!

0 投票
2 回答
384 浏览

gruntjs - 少看多个任务,咕噜咕噜很慢

我有一个简单的文件,内容很少,但编译时间从 10 到 27 秒不等。关于为什么的任何想法?是我的机器还是我缺少的咕噜声设置?我需要清除某种缓存吗?

Gruntfile.js 内容

Package.json 内容

main.less 内容