2017-04-25 37 views
1

我已经通过许多类似的资源在这里通过阅读,但他们eiter使用显然是过时的bower或webpack,我现在不会学习作为我正在工作的项目在使用gulp。我有我的文件结构如下:使用引导从node_modules文件夹使用gulp(没有凉亭或webpack)

 - Project 
     - /src 
      - /scss 
      - /js 
      - /img 
      - .index.html 
     - /dist 
     - /node_modules 
      - /bootstrap 
      -/dist 
       - /css 
       - /js 
     - .package.json 
     - .gulfile.js 
  1. 我要如何既引导CSS和从我的src/index.html文件的文件夹node_modules js的工作(当然最后我。想要仍然只是使用<script src="js/bootstrap.js"><?script> or better compiled <script src="js/main.js"><?script>
  2. 然后,我如何将它编译到dist文件夹中,并且这两个引导程序组件仍可用于生产。

希望这是有道理

回答

-1

因为它看起来像你正在使用SCSS,你可以简单地导入主引导程序文件到你的

应该像

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

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

+0

这不是在所有回答我的问题,我不认为这是正确的方式做这个,你不能用JS做到这一点。阅读其他帖子,你不想通过脚本标签暴露你的路径,所以它必须得到某种吞咽任务才能正常运行。 –