美文网首页
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