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規則（import $ form 'jquery'）

引入bootstrap

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

bootstrap內涵字體文件，css，等文件，所以需要安裝各類loader（style-loader，css-loader,url-loader）

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

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