亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在項目中正確的引用bootstrap,如何選擇webpack grunt

如何在項目中正確的引用bootstrap,如何選擇webpack grunt

慕妹3146593 2018-11-13 13:15:24
先描述一下情況,本人不是搞前端的,但是想用bootstrap做一個網站,對vue.js bootstrap webpack grunt 有一點點的了解,請各位大神指教,有一些問題。假如我想使用bootstarp,基于這個前提,我如何在項目中引用bootstarp,使用npm么?如果使用npm的話,bootstarp會下載到node_moudles文件中,那引用的時候就必須路徑中寫node_modules了,看別人說要使用編譯工具,然后我就去了解了一下grunt和webpack,那么我該如何選擇?我在項目中使用npm引用bootstarp以后,怎么使用grunt或者是webpack進行構建,以前的項目直接是把bootstrap源碼放到指定的比方說static文件夾下面,使用了grunt怎么把npm引用的bootstrap編譯輸出到指定的比方說static文件夾下面?如果使用webpack,我知道引用js、css的方式就發生改變了,全面集成在bundle.js中了,但是我看別人都說如果使用Vue以后,bootstrap存在jquer問題,該如何正確解決?基于以上的問題,各位大神,我該如何選擇grunt,webpack,還有就是,如果我想使用vue和bootstarp配合,正確姿勢是什么?
查看完整描述

1 回答

?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

webpack可以單獨用,也可以gulp+webpack或者grunt+webpack
grunt我沒用過。。無法回答

bootsrap可以直接在webpack的入口js文件中引入使用

jquery要在webpack中使用需要暴露jquery和$變量給全局,并且為了支持第三方jquery插件直接使用<script>標簽引用,還需要安裝expose-loader處理

如果使用webpack,我知道引用js、css的方式就發生改變了,全面集成在bundle.js中了

這里全部塞進bundle.js中只是最簡單原始的生成方式,其實css可以抽離出來單獨引用,公共的js比如jquey、react也是可以entry入口文件和plugin插件里進行設置單獨抽離出來變成一個common.js的

如果你真要使用webpack的話- -建議去找資料詳細了解一下,很多坑


查看完整回答
反對 回復 2018-12-05
  • 1 回答
  • 0 關注
  • 754 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號