webpack 引入 jquery + bootstrap

引入jQuery

  1. npm install jquery --save-dev 引入jQuery
  2. webpack.base.conf.js 配置加入
 var webpack=require('webpack');

2.1 在module.exports的里面加入

plugins: [ new [webpack.optimize.CommonsChunkPlugin('common.js'),](http://webpack.optimize.commonschunkplugin%28%27common.js%27%29%2C/) 
new webpack.ProvidePlugin(
{ jQuery: "jquery",
 $: "jquery" })
]
  1. 引入jQuery規(guī)則(import $ form 'jquery')

引入bootstrap

  1. npm install bootstrap --save
  2. 主入口js中引入
import 'bootstrap/dist/css/bootstrap.css'

bootstrap內(nèi)涵字體文件,css,等文件,所以需要安裝各類loader(style-loader,css-loader,url-loader)

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 版權聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,489評論 0 21
  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,384評論 7 35
  • 學習流程 參考文檔:入門Webpack,看這篇就夠了Webpack for React 一. 簡單使用webpac...
    Jason_Zeng閱讀 3,266評論 2 16
  • (一) 午夜的街道,街燈、穿梭的汽車和霧氣籠罩的街道。這是11月底的一天,她又是最晚離開公司的那一個。風很大,北方...
    sophie的二次學習日志閱讀 428評論 0 0
  • 青蛙效應強調(diào)的便是生于憂患死于安樂的道理.人天生就有惰性的,總愿意安于現(xiàn)狀,不到迫不得已多半數(shù)不愿意去改變已有的生...
    zhoujia閱讀 330評論 0 0

友情鏈接更多精彩內(nèi)容