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,758评论 0 0
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,273评论 7 35
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,200评论 19 139
  • 下午两三点,太阳被云朵遮住,一股冷风吹过。 不对劲,不对劲,肯定有什么事情要发生,我隐隐约约感觉到有什么变化,但那...
    消失的玛格丽特阅读 474评论 3 3
  • 不能太有优越感 要内敛 要有自己的世界 不要什么都很别人炫耀 其实也没有什么好炫耀的 有些事情自己知道就好
    树荫下的蚯蚓阅读 205评论 0 0