首页 > Web开发 > 详细

vue中引入jQuery和bootstrap

时间:2018-07-23 10:36:26      阅读:189      评论:0      收藏:0      [点我收藏+]

引入

$ npm install  jquery bootstrap  --save

jquery

1.加入webpack对象

var  webpack = require(‘webpack‘);

2.在module.exports里面引入

  plugins: [  
    new webpack.ProvidePlugin({  
      $:"jquery",  
      jQuery:"jquery",  
      "windows.jQuery":"jquery"  
    })  
  ]  

3.在入口文件main.js中引入

import $ from "jquery"

全局引入jq

bootstrap 

1.修改webpack.base.conf.js 文件:

alias: {
      ‘vue$‘: ‘vue/dist/vue.esm.js‘,
      ‘jquery‘: "jquery/src/jquery"  
    },

2.在入口文件main.js中加入:

import ‘../node_modules/bootstrap/dist/css/bootstrap.min.css‘
import ‘../node_modules/bootstrap/dist/js/bootstrap.min‘

 

vue中引入jQuery和bootstrap

原文:https://www.cnblogs.com/sxgxiaoge/p/9353048.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!