javascript - 创建前端开发构建系统的正确方法

Question

不确定这是问这个问题的合适地方，所以请耐心等待。

我对构建系统/前端工作流程还很陌生，并且严重依赖 IDE 内置系统来为我完成工作，例如将 Sass 编译为 css。

我最近发现了 npm gulp 的世界，现在需要让一个项目工作并从“dev”文件夹编译到“build”文件夹。

1. 我不明白的是，如果通过 npm 安装 Bootstrap ，它会添加 进入这两个文件夹之外的node_modules文件夹。我是吗 在这里做错了什么？因为我 cd 进入了 dev 文件夹但是还没有 它安装在根文件夹中。
2. 如果我要构建，我该如何更改我的开发中的标签版本文件 必须从node_modules获取文件
3. Angular 也是如此，它安装在 node_modules 文件夹中。我如何从那里访问我的 dev 文件夹中的代码，然后将其编译到我的构建中。

Answer 1

这适用于节点解析模块的方式。如果您安装像 gulp 这样的模块，您将拥有类似于以下的结构:

- node_modules/
    - gulp/
        ...
- src/
    index.js
gulpfile.js

为了将 gulp 导入到您的脚本中，您只需使用 require('gulp') (或 import gulp from 'gulp' > 如果您使用的是 EcmaScript6)，节点将找到在哪里查找该模块。

您可以从 gulpfile.js 或 src/index.js 执行此操作。 Node 将尝试在脚本文件夹或任何父文件夹中查找 node_modules 文件夹。