vue 引入 jquery，bootstrup

摘要： 想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。1、引入jquery2、引入bootstrap好，下面上货。1、首先新建一个vue工程。2、安装jquery...

想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。

1、引入jquery

2、引入bootstrap

好，下面上货。

1、首先新建一个vue工程。

2、安装jquery

$ npm install jquery --save-dev

3、在webpack.base.conf.js 添加内容

+ const webpack = require("webpack");

module.exports = {
    entry: './index.js',
    output: {    
        path: path.join(__dirname, './dist'),    
        publicPath: '/dist/',        
        filename: 'index.js'    
    },  
    + plugins: [        
        new webpack.ProvidePlugin({            
            jQuery: 'jquery',            
            $: 'jquery'        
        })
        ]
}

4、在main.js中添加内容

import $ from 'jquery'

5、重新 npm run dev，然后打印$.ajax测试是否成功安装

6、安装bootstrap，使用命令

npm install bootstrap --save-dev

7、main.js中添加如下内容：

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