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,231评论 0 21
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,226评论 7 35
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,176评论 2 16
  • (一) 午夜的街道,街灯、穿梭的汽车和雾气笼罩的街道。这是11月底的一天,她又是最晚离开公司的那一个。风很大,北方...
    sophie的二次学习日志阅读 330评论 0 0
  • 青蛙效应强调的便是生于忧患死于安乐的道理.人天生就有惰性的,总愿意安于现状,不到迫不得已多半数不愿意去改变已有的生...
    zhoujia阅读 253评论 0 0