1. 程式人生 > >vue-cli搭建的專案中引入jquery和bootstrap

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