vue 集成 jquery bootstrap

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"
    })
  ],

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本號 vue-c...
    tengrl閱讀 3,699評論 0 0
  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,237評論 7 35
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,973評論 19 139
  • 下午兩三點,太陽被云朵遮住,一股冷風吹過。 不對勁,不對勁,肯定有什么事情要發生,我隱隱約約感覺到有什么變化,但那...
    消失的瑪格麗特閱讀 469評論 3 3
  • 不能太有優越感 要內斂 要有自己的世界 不要什么都很別人炫耀 其實也沒有什么好炫耀的 有些事情自己知道就好
    樹蔭下的蚯蚓閱讀 204評論 0 0