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

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) 评论(0) 编辑收藏举报