我如何在 Grunt 中管理我的 Javascript 库?使用 Bower 还是 NPM?
How can I manage my Javascript libraries in Grunt? Using Bower or NPM?
我刚刚学习如何使用 Grunt,我发现它很棒;我只关心 Javascript 个库,我学到的工作流程是在网络上搜索每个库,然后将它们放在 js/libs 文件夹中,然后将所有 JS 文件合并到一个文件中,使用Uglify.js 但我认为这不是最实用的方法。我尝试使用 Bower 来管理它,但随后所有库都安装在 bower_components 中,因此在 Grunt 中使用 js/libs 工作流没有意义,因为我必须使用 Bower 安装库,然后将它们导入我的 html。哪个工作流程最常用于在项目中管理此问题?我不能使用 npm 安装 javascript 库,例如 jQuery、下划线或 Require.js 并在我的 Grunt 工作流中使用它们,而不是每次我需要它们时 google 它们吗?我不能使用 Bower 在我的 js/libs 文件夹中安装库,而不是创建整个 bower_components 文件夹树吗?
我不确定是否有 正确 方法来回答这个问题,这个常见的工作流程涉及以下内容:
从 npm init
(或者 yarn init
如果你喜欢的话)开始,然后使用 npm install --save jquery
(或任何依赖项)。这会将它添加到您的 package.json,这意味着如果您清除了 node_modules 目录,您可以调用 npm install
并带来所有依赖项。
之后的工作流程非常多,无法为您解答。不过,我要补充一点,npm 4 引入了改进的搜索功能,因此您实际上可以在 npm 中搜索正确的模块。 http://www.npms.io 也是一个有用的搜索站点,npm 站点本身也是一个可靠的选择。
所有关于捆绑和构建工具的东西都是意见,所以不要觉得只有一种正确的方法可以做到。但是,您确实提到将它们导入到您的 hmtl 中。您实际上可以使用像 webpack 这样的工具将所有 javascript 捆绑到一个捆绑文件中,然后只需从 html 而不是 jquery、requireJS 等加载它
希望一切都解决了。
Grunt
只是一个任务运行器。 npm
和 bower
以及实际的包管理器。
npm
- 通常用于管理节点包和依赖项。
bower
- 通常用于管理前端包和依赖项。
这与典型工作流的配合方式是您通过上述包管理器之一管理依赖项,然后 grunt
缩小并构建您的最终应用程序。
我刚刚学习如何使用 Grunt,我发现它很棒;我只关心 Javascript 个库,我学到的工作流程是在网络上搜索每个库,然后将它们放在 js/libs 文件夹中,然后将所有 JS 文件合并到一个文件中,使用Uglify.js 但我认为这不是最实用的方法。我尝试使用 Bower 来管理它,但随后所有库都安装在 bower_components 中,因此在 Grunt 中使用 js/libs 工作流没有意义,因为我必须使用 Bower 安装库,然后将它们导入我的 html。哪个工作流程最常用于在项目中管理此问题?我不能使用 npm 安装 javascript 库,例如 jQuery、下划线或 Require.js 并在我的 Grunt 工作流中使用它们,而不是每次我需要它们时 google 它们吗?我不能使用 Bower 在我的 js/libs 文件夹中安装库,而不是创建整个 bower_components 文件夹树吗?
我不确定是否有 正确 方法来回答这个问题,这个常见的工作流程涉及以下内容:
从 npm init
(或者 yarn init
如果你喜欢的话)开始,然后使用 npm install --save jquery
(或任何依赖项)。这会将它添加到您的 package.json,这意味着如果您清除了 node_modules 目录,您可以调用 npm install
并带来所有依赖项。
之后的工作流程非常多,无法为您解答。不过,我要补充一点,npm 4 引入了改进的搜索功能,因此您实际上可以在 npm 中搜索正确的模块。 http://www.npms.io 也是一个有用的搜索站点,npm 站点本身也是一个可靠的选择。
所有关于捆绑和构建工具的东西都是意见,所以不要觉得只有一种正确的方法可以做到。但是,您确实提到将它们导入到您的 hmtl 中。您实际上可以使用像 webpack 这样的工具将所有 javascript 捆绑到一个捆绑文件中,然后只需从 html 而不是 jquery、requireJS 等加载它
希望一切都解决了。
Grunt
只是一个任务运行器。 npm
和 bower
以及实际的包管理器。
npm
- 通常用于管理节点包和依赖项。
bower
- 通常用于管理前端包和依赖项。
这与典型工作流的配合方式是您通过上述包管理器之一管理依赖项,然后 grunt
缩小并构建您的最终应用程序。