Adicionar Bootstrap e Font-awesome no projeto criado com o Vue Cli

Você pode também gostar de...

  • Lucas Medella Osorio Pereira

    Complementando

    Se for usar o js do bootstrap, basta adicionar no main.js os seguintes scripts
    window.jQuery = require(‘jquery’); // << import jquery global
    require('bootstrap'); // << import js bootstrap
    import 'bootstrap/dist/css/bootstrap.css' // << import CSS
    eu precisei desabilitar o Eslint para funcionar. (provalvelmente alguma coisa não esta atendendo os requistos do lint que eu não consigui descobrir o que é)

    é logico que precisa dar um npm install bootstrap jquery –save-dev
    se existe de alguma forma melhor, é so falar.

    • Leandro

  • tutticesar

    precisa de porra nenhuma de css-loader installer, FDP

    • Leandro

      que isso seu maluco?

    • Davi

      kkkkkkkkkk

  • Nestor

    Maravilha…valeu!!! ajudou-me muito.
    Encontrei também esse projeto: https://bootstrap-vue.github.io/

    Abs,

  • Felipe Jorge

    Só não entendi aonde que fica a pasta que você importou o CSS e Javascript

  • Temístoclis

    Vlw cara! Me ajudou muito!!

  • Rodrigo Domingues

    Olá Leandro,

    O template “webpack” do vue-cli já inclui um loader para os CSS nos scripts webpack (em utils.js, chamado no vue-loader.conf.js que é incluído no webpack.base.conf.js).

    Estou agora “brigando” com o webpack pois o CSS gerado não configura adequadamente os caminhos para os glyphicon ou imagens, pois ele os referencia via URL (no css) como “url(static/img/…)”, gerando uma url errada quando carregada do servidor…

    Acredito que isso seja devido ao carregamento do css via javascript, que foi uma informação bastante útil, obrigado.