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://pwwzsj.com/article/pdiogi.html