Question

不确定这是否是正确的地方，所以请耐心等待。

我是构建系统/前端工作流程的新手，并且在很大程度上依赖于IDE内置系统来为我完成工作，例如将Sass编译为css。

我最近发现了npm gulp的世界，现在需要让一个项目工作并从一个＆＃34; dev＆＃34;文件夹到＆＃34; build＆＃34;夹。

我不明白的是，如果通过npm安装bootstrap它会添加在这两个文件夹之外的node_modules文件夹中。我在这做错了什么？因为我进入了dev文件夹但是还没有它将它安装在根文件夹中。
如果我，如何从我的dev更改我的标签rev文件必须从node_modules
同样适用于Angular，它安装在node_modules文件夹中。我如何从那里访问代码到我的dev文件夹，然后将其编译到我的构建。

Answer 1

这适用于节点解析模块的方式。如果您安装类似gulp的模块，您将拥有与此类似的结构：

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

要将gulp导入到您的脚本中，您可以使用require('gulp')（如果您使用的是EcmaScript6，则使用import gulp from 'gulp'），节点将找到查找此模块的位置。

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

Answer 2

对于大多数前端构建系统，node_modules文件夹实际位于项目文件夹的根目录下。您的dev文件夹（即您放置源代码的位置）是项目根目录的子文件夹，然后可以看到安装在项目根文件夹中的npm模块。

请注意，在我看过的许多前端设置中，惯例是调用dev文件夹src。

Answer 3

我会这样设置，使用app文件夹进行开发，而dist（在“distribution”文件夹中）用于包含生产站点的优化文件。

由于app用于开发目的，所有代码都将放在app中，并在运行gulp build

之类的东西时在dist文件夹中编译

  |- app/
    |- css/
    |- fonts/
    |- images/ 
    |- index.html
    |- js/ 
    |- scss/
  |- dist/
  |- gulpfile.js
  |- node_modules/
  |- package.json

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

3 个答案: