设置gulp时,我在哪里存储第三方插件?

时间:2016-11-30 11:15:48

标签: javascript gulp

我正在学习使用Gulp进行网站开发,并已成功将其设置为优化我的生产网站资产。我的文件夹结构如下:

|- app/
    |- less/
    |- img/
    ...
    |- plugins/
|- dist/
|- node_modules/
|- gulpfile.js
|- package.json

所以目前我的插件位于/app文件夹中,而整个网站正在/dist进行编译以进行制作。我可以想到两个选择:

  1. /plugins文件夹移到/app文件夹之外,但.html文件夹中的dist文件必须链接到此dist之外的文件案例(例如../plugins/...)并不合乎逻辑。
  2. 每次使用plugins编译项目时复制整个gulp build文件夹,这似乎需要一段时间。不确定这是否是正确的方法。
  3. 任何建议都将受到赞赏。

1 个答案:

答案 0 :(得分:0)

我有点惊讶我在他们的文档中找不到这个,但第三方插件应该使用npm来管理。

' npm install --save plugin-name'

可以说你可以改用--save-dev标志

修改

对于第三方客户端库,您仍然可以使用npm,但有些人更喜欢使用bower或其他工具。

通常认为最好不要进一步缩小第三方脚本,而是将它们留在node_modules中并使其成为可服务的,将它们复制到dist文件夹或将它们与其他文件连接起来。你的要求。

至于如何让index.html知道在哪里找到它们,这将与您对其他文件的操作方式相同,具体取决于您的工作流程。有些人通过服务器上的一个函数对所有脚本进行对象,这些函数提供了一个连接和缩小的生产文件的位置或单独的源文件的数组,并根据需要为每个文件呈现脚本。