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) 

评论(0) 

编辑 

收藏 

举报

 

以上是 vue中引入jQuery和bootstrap - 飞雪恋伊 的全部内容, 来源链接: utcz.com/z/376654.html

回到顶部