vue-cli3使用bootstrap4

jQuery

1.安裝jQuery 和 popper.js

npm install --save jquery

npm install --save popper.js

 

2.在main.js中引入

import $ from 'jquery'

 

3.配置全局jQuery

在項目根目錄下創建vue.config.js文件（與package.json 文件的同級），再寫入相應的配置

 

const webpack = require("webpack");

module.exports = {

  configureWebpack: {

    plugins: [

      new webpack.ProvidePlugin({

        $: 'jquery',

        jQuery: 'jquery',

        'window.jQuery': 'jquery',

        Popper: ['popper.js', 'default']

      })

    ]

  }

}

 

bootstrap4

1.安裝bootstrap

npm install bootstrap

 

2.在main.js中引入

import 'bootstrap/dist/css/bootstrap.min.css'

import $ from 'jquery 

import 'bootstrap/dist/js/ bootstrap.bundle.min.js '

import 'bootstrap/dist/js/bootstrap.min.js'

 

Font Awesome

1.安裝

npm i font-awesome

 

2.在main.js中引入

import 'font-awesome/css/font-awesome.min.css'

 

 

作者：空白_0ec8
鏈接：https://www.jianshu.com/p/63f31a132822
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。