vue-cli搭建的项目中引入jquery和bootstrap

在项目初始化好之后,首先安装jqury库

喀左网站建设公司创新互联公司,喀左网站设计制作,有大型网站制作公司丰富经验。已为喀左上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的喀左做网站的公司定做!

cnpm install jquery -S

vue-cli搭建的项目中引入jquery和bootstrap

同时把bootstrap库也一起安装了,待会再一起配置

cnpm install bootstrap@3.3.0 -S     // 指定版本 为3.0版本

vue-cli搭建的项目中引入jquery和bootstrap

安装完了以后 需要做一些配置

在项目的bulid文件下的webpack.base.config.js文件中

var webpack = require("webpack")

末尾:

plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ],

vue-cli搭建的项目中引入jquery和bootstrap

在main.js文件中 

import $ from 'jquery'   // 全局引入

vue-cli搭建的项目中引入jquery和bootstrap

也可以单独在组件里单独引用bootstrap库

vue-cli搭建的项目中引入jquery和bootstrap


网页名称:vue-cli搭建的项目中引入jquery和bootstrap
网址分享:http://bzwzjz.com/article/pdiogi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站制作 重庆网站建设 成都网站设计 手机网站建设 企业手机网站建设 成都网站建设公司 重庆网站设计 做网站设计 成都网站设计 成都h5网站建设 成都企业网站建设 网站设计 响应式网站建设 盐亭网站设计 网站建设改版 高端网站设计 成都品牌网站设计 成都网站设计公司 品牌网站建设 营销型网站建设 成都网站制作 成都定制网站建设