介绍
小编给大家分享一下vue-cli怎么引入引导工具的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
以下操作以正常安装节点环境为前提。
<强> 1。引入金桥:强>
在npm控制台中,进入项目目录,然后输入指令npm安装jquery——save-dev (npm换成cnpm更好,国内环境下使用cnpm下载速度更快)。
<强> 2。修改构建目录下的webpack.base.conf.js配置文件:强>
,1)加入webpack对象:var webpack=要求(& # 39;webpack& # 39;);
,2)在模块。出口里面加入以下配置:
插件:,(, ,webpack.ProvidePlugin ({new ,美元:“jquery",, ,jQuery:“jquery",, ,“windows.jQuery":“jquery", })大敌; )
3)在入口文件主要。js中加入:从& # 39;进口jquery jquery # 39;
<强> 3。引入引导:强>
,1)修改webpack.base.conf。js文件:
别名:,{, ,& # 39;vue $ & # 39;:, & # 39; vue/dist/vue.esm.js& # 39;,, ,& # 39;@ # 39;:,解决(& # 39;src # 39;),, ,& # 39;资产# 39;:,path.resolve (__dirname, & # 39; . ./src/资产# 39;),, ,& # 39;jquery # 39;:,“jquery/src/jquery", 以前,}>2)在入口文件主要。js中加入:
import & # 39;。/资产/css/bootstrap.min.css& # 39;, import & # 39;。/资产/js/bootstrap.min& # 39;, 3)在资产文件目录中拷贝引导各种文件:
看完了这篇文章,相信你对“vue-cli怎么引入引导工具的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
vue-cli怎么引入引导工具的方法