租房小程序源码_vue中怎么引入jQuery和Bootstrap

发布时间:2021-01-12 12:13 作者:jianzhan

摘要: vue中怎样引进jQuery和Bootstrap 一、引进jQuery在当今新项目的文件目录下(便是package.json),pm install jquery --save-dev 那样就将jquery安裝来到这一新项目中。随后改动webpack.base.conf.js(在

vue中如何引入jQuery和Bootstrap       本篇文章主要介绍了vue中如何引入jQuery和Bootstrap,详细的介绍了引入jQuery和Bootstrap的方法,有兴趣的可以了解一下。

一、引入jQuery

在当前项目的目录下(就是package.json),pm install jquery --save-dev  这样就将jquery安装到了这个项目中。

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

1:加入

var webpack=require('webpack');

2 在module.exports的里面加入

plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
]

最后在main.js中加入import $ form 'jquery',完成jquery的引入

二、引入 bootstrap.css文件:

修改webpack.base.conf.js

resolve: {
 extensions: ['.js', '.vue', '.json'],
 alias: {
 'vue$': 'vue/dist/vue.esm.js',
 '@': resolve('src'),
 'bootstrap':resolve('src/assets/bootstrap'),
},

在main.js中import引入

import 'bootstrap/js/bootstrap.min.js'
import 'bootstrap/css/bootstrap.min.css'

三、引入bootstrap.min.js文件:

在main.js中import引入

import 'bootstrap/js/bootstrap.min.js'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


  • 明景视頻构造化网络服务

    模拟题目:明景视频结构化互联网网络服务器——超清视频及时分析 随着着智能化智能安防生产制造制造行业的很快发展趋势发展趋势,市场销售销售市场对绝大部分据、云计算技术技

  • 本人网站如何办理备案及

    申请办理申请注册域名整个过程十分简易,拿腾讯云举例说明表明,先申请办理申请注册一个腾讯云的帐户,可以马上用QQ帐户登录或者手机上手机微信扫二维码登录,接着在腾讯云找寻

  • 高校生们的新学期开学時

    原题目:高校生们的新学期开学時间定了没有?日本国这所高校神实际操作,学员“云大学毕业” 自2020年二月新冠肺部感染肺炎疫情暴发至今,开工、复课的時间是一拖再拖。直到现

  • 怎样申请办理递交百度搜

    新闻报道源在百度搜索百度百科里的界定就是指合乎百度搜索、Google等检索模块種子新闻报道站的规范,网站内部信息内容第一時间被检索模块优先选择百度收录,且被互联网新闻媒体

  • 化繁为简 百度搜索云加快

    模拟题目:化繁为简 百度搜索检索云加速助网站一键进行HTTPS 不久前,百度搜索检索云加速(su.baidu)公布了Universal SSL服务,彻底完全免费向所有技术性技术专业版顾客提供SSL资质资格