我只是学习如何使用Grunt,我发现它很棒;我只关注Javascript库,我学到的工作流程是在web上搜索每个库,然后将它们放在js / libs文件夹中,然后使用Uglify.js将所有JS文件合并到一个库中,但我不知道我认为这是最实用的方法。我尝试使用Bower来管理这个,但是所有的库都安装在bower_components中,因此在Grunt中有一个js / libs工作流是没有意义的,因为我必须使用Bower安装库然后在我的html中导入它们。哪个工作流程在项目中最常用?我不能使用npm来安装javascript库,如jQuery,下划线或Require.js,并在我的Grunt工作流程中使用它们而不是每次我需要它们时使用它们吗?我不能使用bower在我的js / libs文件夹中安装库而不是创建一个完整的bower_components文件夹树吗?
答案 0 :(得分:0)
我不确定是否有正确的方式来回答这个问题,这个常见的工作流程涉及以下内容:
从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等。
希望能够解决问题。
答案 1 :(得分:0)
Grunt
只是一个任务运行者。 npm
和bower
以及实际的包管理员。
npm
- 通常用于管理节点包和依赖项。
bower
- 通常用于管理前端包和依赖项。
如何通过上述软件包管理器管理依赖项,然后让grunt
缩小并构建最终的应用程序。