如何在vue-cli+webpack构建的项目引入jquery和bootstrap

1 在黑窗口通过npm安装bootstrap和jquery：

npm install bootstrap jquery --save

2 在main.js文件里依次载入jQuery和Bootstrap，添加类似如下代码：

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

3 此处使用未压缩的版本也是可以的，另外上面的CSS和JS都可以酌情使用，Bootstrap的JS引入之前必须先引入jQuery。此外，上面的.js扩展名是可以省略的。
4 接着，打开build\webpack.base.conf.js打包配置，在头部加入var webpack =require(‘webpack’)，接下来添加的配置中因为使用了webpack模块，如果不写这个会报错webpack未定义
5 在build\webpack.base.conf.js的plugins配置块中，加入jQuery配置，整个webpack.base.conf.js文件看起来类似这样（部分无关代码已省略）：

...var webpack = require('webpack');...module.exports = {...    plugins: [        new webpack.ProvidePlugin({            jQuery: 'jquery',            $: 'jquery'        })    ]};

OK!