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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。