2017-04-25 62 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做到這一點。閱讀其他帖子,你不想通過腳本標籤暴露你的路徑,所以它必須得到某種吞嚥任務才能正常運行。 –