Questions tagged «gruntjs»

Grunt是用于JavaScript项目的基于任务的命令行构建工具和任务运行器。

8
NPM，Bower，Browserify，Gulp，Grunt和Webpack
我试图总结我对最流行的JavaScript包管理器，捆绑器和任务运行器的了解。如果我错了，请纠正我： npm＆bower是包裹经理。他们只是下载依赖项，而不知道如何自行构建项目。他们知道什么是调用webpack/ gulp/ grunt获取所有的依赖后。 bower类似于npm，但是构建了一个扁平的依赖树（与npm递归地执行不同）。含义将npm获取每个依赖项的依赖项（可能会获取相同的几次），同时bower希望您手动包含子依赖项。有时，bower和npm分别分别用于前端和后端（因为前端中每个兆字节可能都很重要）。 grunt并且gulp是任务执行者，可以自动化所有可以自动化的内容（例如，编译CSS / Sass，优化图像，制作捆绑包并缩小/翻译）。 gruntvs. gulp（类似于mavenvs. gradle或配置vs.代码）。Grunt基于配置单独的独立任务，每个任务打开/处理/关闭文件。Gulp需要较少的代码量，并且基于Node流，这使其可以构建管道链（无需重新打开同一文件）并使其更快。 webpack（webpack-dev-server）-对我来说，这是一个任务执行程序，它具有对更改进行热重新加载的功能，使您无需理会所有JS / CSS监视程序。 npm// bower插件可以代替任务运行器。它们的能力经常相交，因此如果您需要使用gulp/ gruntover npm+插件，则会有不同的含义。但是任务运行者绝对适合复杂任务（例如“在每个构建中创建捆绑包，从ES6移植到ES5，在所有浏览器模拟器上运行它，制作屏幕截图并通过ftp部署到保管箱”）。 browserify允许为浏览器打包节点模块。browserifyvs node's require实际上是AMD vs CommonJS。 问题： 什么是webpack＆webpack-dev-server？官方文档说这是一个模块捆绑器，但对我来说只是一个任务运行器。有什么不同？ 您将在哪里使用browserify？我们不能对node / ES6导入做同样的事情吗？ 您何时会使用gulp/ gruntover npm+插件？ 当您需要组合使用时，请提供示例
1886 gruntjs  npm  gulp  bower  webpack 
2
Grunt，NPM和Bower之间的区别（package.json与bower.json）
我是使用npm和bower的新手，在emberjs中构建了我的第一个应用程序:)。 我确实有一些关于Rails的经验，所以我熟悉列出依赖项的文件（例如捆绑程序Gemfile）的概念 问：当我想添加一个包（并检查依赖性进入GIT），在那里它属于-成package.json或成bower.json？ 从我所收集， 运行bower install将获取的包，并把它放在/vendor目录下， 运行npm install会取它，把它放进/node_modules目录。 这样的回答说，Bower用于前端，而npm用于后端。乍一看， Ember-app-kit似乎坚持了这种区别...但是gruntfile中的用于启用某些功能的指令给出了两个显式命令，因此我在这里完全感到困惑。 凭直觉我会猜到 npm install --save-dev软件包名称等同于将软件包名称添加到我的package.json中 bower install --save软件包名称可能与将软件包添加到我的bower.json并运行bower install相同。 如果是这样，我什么时候应该显式安装软件包而不将其添加到管理依赖项的文件中（除了全局安装命令行工具以外）？
13
导致此错误的原因-“致命错误：找不到本地咕unt声”
我先删除了旧版本的grunt，然后安装了新版本的grunt，然后出现此错误： D：\ www \ grunt-test \ grunt grunt-cli：grunt命令行界面。（v0.1.4） 致命错误：无法找到本地咕unt声。 如果您看到此消息，则说明找不到Gruntfile或尚未在项目本地安装grunt。有关安装和配置grunt的更多信息，请参见《入门指南》：http : //gruntjs.com/getting-started 这是因为我的系统路径中没有对grunt的引用吗？或者是其他东西？我已经尝试过重新安装几次。
17
无法安装NodeJ：/ usr / bin / env：节点：没有这样的文件或目录
我正在尝试将nodeJs安装到我的Ubuntu 14.04中，以使用GruntJs。 我已经阅读了有关Ubuntu的不同执行方式的信息（问题？），因此，为了安装它，我做了以下操作： sudo apt-get install npm sudo npm install -g grunt-cli 在输入咕unt声之后，我得到了错误： /usr/bin/env: node: No such file or directory 因此，我尝试了： curl -sL https://deb.nodesource.com/setup | sudo bash - sudo apt-get install -y nodejs sudo apt-get update 再试一次，仍然出现错误，我试过了： sudo add-apt-repository https://launchpad.net/~chris-lea/+archive/node.js/ sudo apt-get install -y nodejs 我收到此消息： nodejs is already the …
6
-save-dev在npm install grunt是什么意思--save-dev
我刚刚开始使用Grunt.js。设置起来非常困难，我正要创建package.json文件。 在学习完本教程之后，它说有3种创建package.json文件的方法。 首先是要做 npm install grunt --save-dev 但是什么--save-dev意思呢？我试着看，但徒劳无功。
277 node.js  gruntjs  npm 
12
让Grunt为不同的设置生成index.html
我正在尝试将Grunt用作我的Web应用程序的构建工具。 我希望至少有两个设置： I.开发设置 -无需连接即可从单独的文件加载脚本， 所以我的index.html看起来像： <!DOCTYPE html> <html> <head> <script src="js/module1.js" /> <script src="js/module2.js" /> <script src="js/module3.js" /> ... </head> <body></body> </html> 二。生产设置 -将我的脚本缩小并合并到一个文件中， 与index.html相应地： <!DOCTYPE html> <html> <head> <script src="js/MyApp-all.min.js" /> </head> <body></body> </html> 问题是，当我运行或时，如何根据配置使它们咕configuration作响？grunt devgrunt prod 还是我朝错误的方向挖掘，总是生成会更容易，MyApp-all.min.js但是将所有脚本（连接的）或从单独文件异步加载这些脚本的加载器脚本放到其中？ 你们如何做到？
1
src和dist文件夹的作用是什么？
我正在寻找一个jQuery插件的git repo。我想做一些更改以在自己的项目中使用，但是当我打开仓库时，它具有我从未见过的结构。我不确定要使用/复制哪些文件到我自己的项目中。 有一个“ dist”和“ src”文件夹。这些服务于什么目的？这是特定于gruntjs还是jquery插件的东西？ 我很好奇的git repo：https : //github.com/ducksboard/gridster.js
7
npm Windows全局安装会导致npm ERR！外来的
我是新来的咕unt和npm。所以我想一些“菜谱，例如”网站“上http://tech.pro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developer#front_end_developers ” 。您不必现在就去那里，但我认为共享该站点可能会很好。到目前为止，到目前为止，它还涉及到全局安装。（好吧，我必须弄清楚一些错误，但是现在我可以使用npm了）。 说到试图在全球范围内安装某些东西的问题，我陷入了困境。 到目前为止，我为在全球范围内安装某些软件包进行了测试： 创建的测试目录 grunttest 在该目录内： npm install -g jshint 输出我可以看到： npm http GET https://registry.npmjs.org/jshint npm http 304 https://registry.npmjs.org/jshint ... npm http 304 https://registry.npmjs.org/string_decoder C:\Program Files\nodejs\node_modules\npm\jshint -> C:\Program Files\nodejs\node_modules\npm\node_modules\jshinnt jshint@2.4.4 C:\Program Files\nodejs\node_modules\npm\node_modules\jshint ├── console-browserify@0.1.6 ├── exit@0.1.2 ├── underscore@1.4.4 ├── shelljs@0.1.4 ├── minimatch@0.2.14 (sigmund@1.0.0, lru-cache@2.5.0) ├── cli@0.4.5 (glob@3.2.9) └── …
121 windows  gruntjs  npm 
2
任务运行程序（Gulp，Grunt等）和捆绑程序（Webpack，Browserify）。为什么要一起使用？
我对任务运行程序和捆绑程序世界有点陌生，在经历诸如 Grunt，Gulp，Webpack，Browserify ，我觉得两者之间并没有太大区别。换句话说，我觉得Webpack可以完成任务运行者所做的一切。但是仍然有大量示例将gulp和webpack一起使用。我不知道为什么。 对此不熟悉，我可能会朝错误的方向前进。如果您能指出我所缺少的内容，那就太好了。欢迎任何有用的链接。 提前致谢。
6
grunt：从终端运行时找不到命令
我是Grunt的新手。我正在尝试在Mac OSX Lion上配置Grunt。 我按照此处的说明进行操作，然后创建了一个包含以下文件的项目文件夹。当我尝试通过在终端中键入“ grunt”来运行时，我得到了command not found。我还修改了路径sudo nano /etc/paths，希望添加路径可以使任务运行器正常工作，但仍无法正常工作。有人可以帮忙吗？ ---paths /usr/bin /bin /usr/sbin /sbin /usr/local/bin /usr/local/bin/grunt --- files node modules Gruntfile.js package.json
100 gruntjs 
2
grunt-contrib-copy中的“ expand”选项有什么作用？这些示例都使用它，但是文档没有说明它的作用
这是自述文件和示例：https : //github.com/gruntjs/grunt-contrib-copy/blob/master/README.md。 这是来自https://github.com/gruntjs/grunt-contrib-copy/blob/master/tasks/copy.js的代码的相关部分（我显然无法理解）： module.exports = function（grunt）{ “使用严格”； var path = require（'path'）; grunt.registerMultiTask（'copy'，'Copy files。'，function（）{ var kindOf = grunt.util.kindOf; var options = this.options（{ processContent：否， processContentExclude：[] }）; var copyOptions = { 流程：options.processContent， noProcess：options.processContentExclude }; grunt.verbose.writeflags（options，'Options'）; var dest; var isExpandedPair; var tally = { 目录：0， 档案：0 }; this.files.forEach（function（filePair）{ isExpandedPair = filePair.orig.expand || 假; …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.