vue中引入jQuery和bootstrap - 飞雪恋伊

vue

vue中引入jQuery和bootstrap

一、引入jQuery：

首先在当前项目的根目录下（就是与package.json同目录），运行命令npm install jQuery --save-dev 这样就将jQuery安装到了这个项目中。

然后修改webpack.base.conf.js两个地方：

其一：加入var webpack = require("webpack")；

其二：在module.exports的里面加入

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

加到最后就好。

最后在main.js中加入import $ from \'jquery\' 完成jQuery的引入。

引入 bootstrap.css文件：

将bootstrap.min.css放入static文件夹下面，在index.html文件中像以前引入css一样link标签就可以。

引入bootstrap.min.js文件：

在main.js中import引入

posted on

2017-02-27 16:40

飞雪恋伊

阅读(176)

编辑