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

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

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

cnpm install jquery -S

同时把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://kswjz.com/article/pdiogi.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态