使用webpack在vue引入jquery和bootstrap


1、首先按照上面文章中的内容,新建一个vue工程。

2、使用命令npm install jquery --save-dev 安装jquery。
3、使用命令npm install bootstrap --save-dev 安装 bootstrap。

4、在webpack.base.conf.js中添加如下内容:

var webpack = require('webpack')

在在module.exports的里面加入

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

5、在main.js中增加:

import $ from 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

6、可在*.vue文件中使用bootstrap的样式了。

Archives