怎么安装gulp以及gulp-file-include

Posted 2023-05-07

gulp-file-include提供了一个include的方法让我们可以想后端模版一样把公共的部分分离出去。而且提供的include方法有许多配置项，详细可以去看看 gulp-file-include。
安装：npm install gulp-file-include –save-dev
安装好之后，来简单的组织一下文件的目录：
|-node_modules
|-src // 生产环境的 html 存放文件夹
|-include // 公共部分的 html 存放文件夹
|-*.html
|-dist // 编辑后的 html 文件12345

在新建的gulpfile.js，配置好gulp-file-include：
var gulp = require('gulp');
var fileinclude = require('gulp-file-include');

gulp.task('fileinclude', function() 参考技术A 找手机百度

本地安装gulp的166项怎么办？

【中文标题】本地安装gulp的166项怎么办？

【英文标题】：What should I do with the 166 items when I installed gulp locally?

【发布时间】：2018-03-25 10:46:51

【问题描述】：

在我$ npm install gulp --save-dev

之后

    npm WARN deprecated minimatch@2.0.10: Please update to minimatch                       3.0.2 or higher to avoid a RegExp DoS issue
    npm WARN deprecated minimatch@0.2.14: Please update to minimatch                       3.0.2 or higher to avoid a RegExp DoS issue
    npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and be                      fore will fail on node releases >= v7.0. Please update to gracef                      ul-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to fi                      nd it in the tree.
    npm WARN travel-agency@1.0.0 No description
    npm WARN travel-agency@1.0.0 No repository field.
    npm WARN travel-agency@1.0.0 No license field.

    + gulp@3.9.1
    added 186 packages in 20.425s

package.json

     
          "name": "travel-agency",
          "version": "1.0.0",
          "dependencies": 
            "jquery": "^3.2.1",
            "normalize.css": "^7.0.0"
          ,
          "devDependencies": 
            "gulp": "^3.9.1"
                 
    

这正常吗？我期待一个 gulp 文件夹。 可以继续处理这么多文件吗？ 谢谢

【参考方案1】：

这只是 Gulp 包的依赖项。正如你在Gulp npm 页面看到的那样，主包只有 13 个依赖项，但是 Gulp 依赖的每个包都有更多的依赖项，所以我会说这个包有 166 个较小的包，例如Gulp 是正常的。

PS：根据包的名称，我假设您正在学习 Brad Schiff 的 Udemy 课程：D

【讨论】：

是的。布拉德没有回答问题，所以我必须在这里问。我很困惑，因为在他的视频中他只有 gulp 文件夹。你经历过同样的事情吗？根据你所说，这意味着我没有做错任何事情，我可以继续处理这么多文件夹（只是澄清一下：D）。

我认为单个 Gulp 文件夹是他用于 Gulp 任务的文件夹。无论如何，我再说一遍，这是正常的，你可以继续学习，如果我没记错的话，在课程快结束时你的 node_modules 文件夹中将有将近 1000 个包。我在完成课程后制作了my own boilerplate，现在它的重量约为 1500 个包裹。顺便说一句，如果我的回答为您澄清了这些事情，请接受它是正确的。 :)

谢谢@darko！我希望在我未来的问题中见到你：D