vue-cli引入 bootstarp 和 jquery

1. 安装扩展,popper.js不安装有时报错,所以一起装上吧

npm i bootstrap jquery popper.js --save-dev

2. 配置 /build/webpack.base.conf.js

// 第 1 行加入,如果有 'use strict' 则在第 2 行加
const webpack=require('webpack')

// module.exports 中添加
plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    "windows.jQuery": "jquery"
  })
]

3. 引入 /src/main.js

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

4. 使用

<a class="btn btn-primary" @click="sendGetFn">GET请求</a>

5. 可以在 vue 中测试 jqeury 是否引入

mounted () {
    console.log($);
}

猜你喜欢

转载自www.cnblogs.com/kdgcp/p/13383484.html