Vuejs Vue-loader problème pour utiliser Bootstrap.css

Half
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.

Mon "main.js":

import Vue from 'vue'
import App from './App.vue'
import jQuery from 'jquery'
global.jQuery = jQuery
var Bootstrap = require('bootstrap')

//require('bootstrap-webpack!./bootstrap.config.js');
new Vue({
  el: '#app',
  render: h => h(App)
})

Mon "App.vue":

<template>
  <div id="app">

    <h1>
      Titre de la page
    </h1>
  </div>

</template>

<script>

export default {
  name: 'app'
}
</script>

 <style>
@import 'bootstrap.css'
</style>

Mon problème:

Je n'arrive pas à importer correctement le framwork "bootstrap css".

Pourriez vous m'aider s'ils vous plaît?

Merci.

1 réponse

Amilor7

Salut,

J'utilises pas Bootstrap, alors peut être que je vais dire une connerie, mais il me semble pas possible d'importer le package npm Bootstrap de la sorte (je parle du css), et même si c'était faisable je suis pas sûr que ça soit une bonne idée d'importer une lib css dans un fichier vue, ça m'a l'air un peu dégueu. Mais si tu peux pas autrement essayes peut être en donnant le chemin vers le fichier css, @import '../node_modules/bootstrap/.../file.css'
Sinon ça à l'air d'être possible avec Bootstrap-sass
En espérant que quelqu'un pourra t'aider plus que moi.