我正在学习使用Gulp进行网站开发,并已成功将其设置为优化我的生产网站资产。我的文件夹结构如下:
|- app/
|- less/
|- img/
...
|- plugins/
|- dist/
|- node_modules/
|- gulpfile.js
|- package.json
所以目前我的插件位于/app
文件夹中,而整个网站正在/dist
进行编译以进行制作。我可以想到两个选择:
/plugins
文件夹移到/app
文件夹之外,但.html
文件夹中的dist
文件必须链接到此dist
之外的文件案例(例如../plugins/...
)并不合乎逻辑。plugins
编译项目时复制整个gulp build
文件夹,这似乎需要一段时间。不确定这是否是正确的方法。任何建议都将受到赞赏。
答案 0 :(得分:0)
我有点惊讶我在他们的文档中找不到这个,但第三方插件应该使用npm来管理。
' npm install --save plugin-name'
可以说你可以改用--save-dev标志
修改
对于第三方客户端库,您仍然可以使用npm,但有些人更喜欢使用bower或其他工具。
通常认为最好不要进一步缩小第三方脚本,而是将它们留在node_modules中并使其成为可服务的,将它们复制到dist文件夹或将它们与其他文件连接起来。你的要求。
至于如何让index.html知道在哪里找到它们,这将与您对其他文件的操作方式相同,具体取决于您的工作流程。有些人通过服务器上的一个函数对所有脚本进行对象,这些函数提供了一个连接和缩小的生产文件的位置或单独的源文件的数组,并根据需要为每个文件呈现脚本。