webpack引入jquery以及bootstrap方法

来源:互联网 发布:上海证券下载什么软件 编辑:程序博客网 时间:2024/04/30 01:40

安装jQuery

npm install jquery --save-dev

安装bootstrap

npm install bootstrap --save-dev

配置jQuery
由于 Bootstrap 依赖于 jQuery,所以在代码中 import jQuery from ‘jquery’ 是不够的,这只是解决了自己代码对 jQuery 的依赖,在此处使用了webpack.ProvidePlugin

解决方案:
在 webpack.base.conf.js 头部添加

var webpack = require('webpack')

在 entry 后边添加

  plugins: [      new webpack.ProvidePlugin({          "$": "jquery",          "jQuery": "jquery",          "window.jQuery": "jquery"      })  ]

引入bootstrap
在 main.js 中,加入如下代码

import 'bootstrap/dist/css/bootstrap.min.css'import 'bootstrap/dist/js/bootstrap.min.js'

最终结果
这里写图片描述

原创粉丝点击