Impossible d'utiliser le bootstrap avec le webpack

Question

En utilisant Express, Webpack et Bootstrap. J'utilise css-loader pour les feuilles de style. Voici mon webpack.config.js:

const path = require("path"); 

config = { 
    "entry": "./modules/entry.js", 
    "output": { 
     "path": path.resolve(__dirname, "public"), 
     "filename": "bundle.js" 
    }, 
    "module": { 
     "rules": [ 
      { "test": /\.css$/, "use": "css-loader"} 
     ] 
    } 
} 

module.exports = config 

Entry.js exige que les feuilles de style:

require("bootstrap") 
require("glyphicons") 

Je mets tous ces fichiers dans mon dossier public que je sers en utilisant app.use(express.static("public"))

Et dans mon index. html J'ai un tag de script:

<script src="./public/bundle.js" type="text/javascript"> 

L'utilisation de classes bootstrap (ou glyphicons) sur mon html ne fait rien.

Answer 1

Essayez ceci pour l'utilisation d'amorçage avec webpack

https://github.com/shakacode/bootstrap-loader

Answer 2

Le require('bootstrap') n'importera javascript dans votre cas, importer CSS, vous devez utiliser require('bootstrap/dist/css/bootstrap.min.css'), ou en cas d'utilisation de la version bootstrap non compilé, vous aurez besoin de plus de chargeurs.

Vous pouvez trouver plus d'informations et exemples de configuration à la documentation officielle Page here