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

发布时间：2020-07-22 05:16:08 阅读：2934 作者：歆冉栏目：web开发

在项目初始化好之后，首先安装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

猜你喜欢