美文网首页
vue 集成 jquery bootstrap

vue 集成 jquery bootstrap

作者: 竞技等级几点叫你你呢 | 来源:发表于2017-09-29 10:03 被阅读0次

1、加依赖

cnpm install jquery
cnpm install bootstrap

2、main.js

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

Vue.use(jquery);
Vue.use(bootstrap);

3、build/webpack.base.conf.js

//文件头添加
var webpack = require('webpack');

//resolve 模块添加 juqery
resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'jquery': 'jquery'
    }
  },

 // 增加一个plugins
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ],

相关文章

网友评论

      本文标题:vue 集成 jquery bootstrap

      本文链接:https://www.haomeiwen.com/subject/osnbextx.html