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

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

cnpm install jquery -S

1.png

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

cnpm install [email protected] -S     // 指定版本 为3.0版本

2.png

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

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

var webpack = require("webpack")

末尾:

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

3.png

在main.js文件中 

import $ from 'jquery'   // 可以添加也可以不添加的

4.png

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

5.png

猜你喜欢

转载自blog.51cto.com/11871779/2315793
今日推荐