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 引入 jquery + bootstrap)