快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/pdiogi.html

其他资讯