• vue引用bootstrap3


    引用bootstrap   yarn add bootstrap@3

    基于jquery,因此还需要引用2个包,jquery和popper.js, yarn add jquery popper.js -S

    引用完后在项目中创建一个配置文件(跟package.json同级),命名vue.config.js,将下面的代码复制进去。。。

    const webpack = require('webpack')

    module.exports = {
      chainWebpack: (config) => {
        config.plugin('provide').use(webpack.ProvidePlugin, [{
        $: 'jquery',
        jquery: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery'
        }])
      },
      css: {
        sourceMap: true
      },
      devServer: {
        port: 8040
      }
    }
     
    然后在main.js引用下面两个文件
    import 'bootstrap/dist/css/bootstrap.min.css'
    import 'bootstrap/dist/js/bootstrap.min.js'
    此时bootstrap样式已经引用到项目了。
  • 相关阅读:
    hdu 4460spfa用map来实现
    hdu 2579
    hdu 2845
    hdu 4462
    hdu 4557
    hdu 4639
    URAL 2078 Bowling game
    UVA
    HDU 5773 The All-purpose Zero 脑洞LIS
    Codeforces Round #368 (Div. 2) C. Pythagorean Triples 数学
  • 原文地址:https://www.cnblogs.com/pipim/p/11250241.html
Copyright © 2020-2023  润新知