vue-cli3使用bootstrap4

血红的双手。 提交于 2020-07-29 07:14:57

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'

 

参考文档:https://www.jianshu.com/p/0d0c1eaeb877



作者:空白_0ec8
链接:https://www.jianshu.com/p/63f31a132822
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。




易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!