vue中引入jQuery和引导的方法 - 行业资讯 - 肥雀云

　　介绍

小编给大家分享一下vue中引入jQuery和引导的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>一、引入jQuery

在当前项目的目录下(就是包。json),运行命令cnpm安装jquery——save-dev 这样就将jquery安装到了这个项目中。

然后修改webpack.base.conf.js(在构建文件下)两个地方:

1:加入

var webpack=要求(& # 39;webpack& # 39;);

2在模块。出口的里面加入

插件:,( 　　,new webpack.optimize.CommonsChunkPlugin (& # 39; common.js& # 39;), 　　,new webpack.ProvidePlugin ({ 　　,,,jQuery:“jquery", 　　,,:美元,“jquery" 　　,}) 　　)

最后在主。js中加入美元进口形式& # 39;jquery # 39;,完成jquery的引入

<强>二,引入bootstrap.css文件:

修改webpack.base.conf。js

解决:,{ 　　扩展:[& # 39;. js # 39;,, & # 39; .vue& # 39;,, & # 39; . json # 39;], 　　别名:{ 　　& # 39;vue $ & # 39;:, & # 39; vue/dist/vue.esm.js& # 39; 　　& # 39;@ # 39;:,解决(& # 39;src # 39;), 　　& # 39;引导# 39;:解决(& # 39;src/资产/引导# 39;), 　　} 　　},

在主要。js中导入引入

import & # 39;引导/js/bootstrap.min.js& # 39; 　　import & # 39;引导/css/bootstrap.min.css& # 39;

<强>三,引入bootstrap.min.js文件:

在主要。js中导入引入

import & # 39;引导/js/bootstrap.min.js& # 39;

以上是“vue中引入jQuery和引导的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!