vue-cli怎么引入引导工具的方法

  介绍

小编给大家分享一下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怎么引入引导工具的方法”>,,,,,,,</p> <p class=看完了这篇文章,相信你对“vue-cli怎么引入引导工具的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

vue-cli怎么引入引导工具的方法