转载:https://segmentfault.com/a/1190000014509984
一、安装插件:
cnpm install jquery --save cnpm install bootstrap --save cnpm install popper.js --save
二、全局注册:
1、配置webpack.base.conf.js或者\build\webpack.base.conf.js
(1)cli小于3.0
//在顶部添加 const webpack = require('webpack') //在module.exports = {}末尾添加下面代码 module.exports = { ... plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ] }
(2)cli大于3.0
const webpack = require('webpack') module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ] } }
2、main.js
import $ from 'jquery' import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
三、测试:
1)测试jquery
//在vue文件中添加测试代码 <script> $(function () { alert('234') }) export default { name: 'App' } </script>
2)测试bootstrap
<template> <div class="container"> <div class="row"> <div class="col-md-6"> <button class="btn btn-primary">测试按钮</button> </div> </div> </div> </template>