问题标签 [gruntjs]
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.
npm - grunt js 安装包
我正在用 grunt 构建一个 grunt javascript 项目,并且我有一个 package.json 文件,它看起来像:
我可以运行npm install
安装 grunt-html 并且这工作得很好。但是当我添加新的依赖项时,团队中的所有开发人员都必须知道要npm install
再次运行。有没有办法自动安装尚未安装的任何软件包?我应该只运行 npm install 以确保我是最新的吗?
javascript - 我可以在 Grunt 中运行两次“min”任务吗?
有没有办法在 Grunt 中使用不同的配置两次运行任务?假设我的项目中有两组源文件,我想将它们缩小为两个单独的缩小输出文件。像这样:
作为预期的结果,我希望看到fileA.min.js
和fileB.min.js
。我怎样才能做到这一点,因为min
似乎只支持一组src
和dest
属性?
minify - 扩展 yeoman 构建过程以缩小 json
我正在寻找一种方法来扩展 yeoman 的构建过程,用一些东西来缩小 json 文件......我找到了一个可以缩小 json 文件但它不导出任何功能的 npm 包:/任何知道如何集成的人进入 yeoman 构建过程?
https://npmjs.org/package/json-minify
亲切的问候,
大安
node.js - 如何让 grunt 任务将小胡子部分渲染到静态 HTML
背景
我一直在使用带有 hogan.js 任务的 grunt.js 来为我们的内部文档构建静态 HTML。我边走边学 JavaScript,但我已经让任务足够好地用于布局和页面,但它确实有助于我们的工作流程让 hogan 任务将小胡子部分呈现为 HTML,如本要点中的示例:https ://gist.github.com/4132781
当前设置和我想要完成的任务
我们所有的小胡子部分都在一个名为“partials”的文件夹中。理想情况下,当 grunt 构建运行时,hogan 任务将从 partials 文件夹中获取任何部分,并将它们插入到 HTML 中,无论它们被引用到哪里(也显示在 gist 中)。
我不想要的
我不想在任务或任务配置中定义每个部分。这行不通,我们有大约 200 个部分并且还在增长,所以我们需要让任务扫描一个文件夹并根据文件名或其他内容获取部分。我也不想使用不同的语言或构建工具。我们使用了 Jade、一些基于降价的文档构建器,以及其他一些。如果我们可以像描述的那样渲染局部,我们的状态会很好!
有可能做到这一点吗?提前感谢您的任何反馈
javascript - grunt.js 的全局安装失败
我可以gruntjs
使用npm install grunt
.
但是当我尝试全局安装它时npm install grunt -g
,我收到了一个错误:
我也有sudo
错误:
我能做些什么来安装它?
PS 某些文件夹的权限可能是针对 的root:root
,而不是针对我的用户的。因为我们的管理员以这种方式安装了 VM...
css - 使用 Yeoman 在后台连续连接 CSS
我正在使用Yeoman,但找不到在文件更改时触发CSS 任务的方法。
我有一个像这样的项目结构
我想让约曼
- 查看模块中的所有 CSS 文件;
- 触发 CSS concat/minification 任务;
- 覆盖
app/styles/main.css
。
这是我的Gruntfile.js
:
javascript - grunt.js 文件中的嵌套对象字面量是什么意思?
我无法理解有时会出现在grunt.js
文件中的嵌套。在以下示例中,嵌套对象的含义concat.dist
和min.dist
含义是什么?键是dist
引用另一个命名任务还是只是一个配置对象?concat
执行andmin
任务时到底调用了什么?
javascript - 如何使用不同的 JSHint 选项对两组文件进行 lint?(grunt.js)
我有一些 JavaScript 文件应该在 Node 环境下进行检查,而其他一些 JavaScript 文件应该在浏览器环境下进行检查。如何使用不同的 JSHint 选项对这些文件进行 lint?这是我的出发点:
javascript - 使用 grunt.js 使用 RequireJS 组合 JavaScript 文件的工作项目结构?
我有一些项目使用RequireJS在浏览器中加载单个 JavaScript 模块,但我还没有优化它们。在开发和生产中,应用程序对每个 JavaScript 文件都发出单独的请求,现在我想使用Grunt来解决这个问题。
我试图组合一个简单的项目结构无济于事,所以我想知道是否有人可以为我提供一个工作示例。我的目标如下:
- 在开发模式下,通过为每个所需模块发出单独的请求,一切都在浏览器中运行。在开发模式下不需要繁琐的任务或连接。
- 当我准备好时,我可以运行一个 grunt 任务来优化(组合)所有使用r.js的 JavaScript 文件并在本地进行测试。一旦我确信优化的应用程序可以正确运行,我就可以部署它。
以下是本次对话的示例结构:
具体来说,我正在寻找一个可以开始的工作项目结构。我的主要问题是:
- 如果这个项目结构有缺陷,你有什么建议?
- 我的文件中究竟需要什么
grunt.js
,尤其是要让 r.js 优化器正常工作? - 如果所有这些都不值得,并且有一种方法可以
watch
在每次保存文件时使用 grunt 任务在开发模式下自动构建所有内容,那么我全都听好了。我想避免任何会减慢循环从进行更改到在浏览器中看到它的事情。