使用 gulp 从node_modules文件夹引导(没有 bower 或 webpack)

Question

我在这里阅读了许多类似的资源，但他们使用显然已经过时的 bower 或我现在不打算学习的 webpack，因为我正在从事的项目使用 gulp。我的文件结构如下：

- Project
- /src
- /scss
- /js
- /img
- .index.html
- /dist
- /node_modules
- /bootstrap
-/dist
- /css
- /js
- .package.json
- .gulfile.js

1. 我如何同时使用我的 src/index.html 文件中的 node_modules 文件夹中的引导 css 和 js。显然最后我仍然只想使用<script src="js/bootstrap.js"><?script> or better compiled <script src="js/main.js"><?script>
2. 然后如何将其编译到 dist 文件夹，其中两个引导组件仍可用于生产。

希望这是有道理的

Answer 1

由于看起来您正在使用 scss，因此您只需将主引导程序文件导入到您的

文件中即可应该是这样的

@import '../../node_modules/bootstrap/dist/css/bootstrap';

对于 Bootstrap的 JS 部分，你可以简单地编写一个 gulp 任务，将你的脚本和 Bootstrap 连接在一起。您可以使用像gulp-concat这样的软件包轻松实现这一点！