Vue最新引入jquery与bootstrap教程

安装nodejs、安装vue、安装vue-cli等就不在此赘述了，直接上教程！

1、首先进入项目文件夹内按住shift单击鼠标右键，点击“此处打开命令窗口“，输入：

                        npm install --save jquery

2、在项目文件夹中用编辑器打开build=>webpack.base.conf.js文件，在module.exports内添加对象：

                          plugins:[
                                   new webpack.optimize.CommonsChunkPlugin('common.js'),
                                   new webpack.ProvidePlugin({
                                   jQuery: "jquery",
                                   $: "jquery"
                                   })

                         ]

3、在main.js中添加

                            import $ from 'jquery'即可引入成功！

4、引入bootstrap：官网下载bootstrap源码，放入src=>assets中。

5、引入即可

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