webpack 引入 jquery + bootstrap

weixin_34249678發表於2017-07-30

引入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)

相關文章