WebPack dans VS2015: Comment configurer un nouveau pack?

Question

J'ai commencé avec un modèle de this extension pour avoir un point de départ angular2 + .net core en cours d'exécution. Je ne voulais pas utiliser boostrap, mais materialize-css, alors j'ai enlevé le paquet d'amorçage dans package.json, au lieu que j'ajouté "materialize-css": "0.98.0",

J'édité le webpack.config.vendor.js, j'ai enlevé bootstrap et ajouté à la liste materialize-css « vendeur ».

Ensuite, j'ai tout reconstruit, mais il semble que materialize-css n'est toujours pas présent (ne peut pas trouver ses classes css). J'ai essayé d'effacer le cache du navigateur, j'ai même essayé de l'ouvrir sur un tout nouveau navigateur (edge), mais toujours pas de classes materialise-css.

Qu'est-ce que j'ai manqué?

EDIT

Actuellement, ma liste des fournisseurs est la suivante:

vendor: [ 
     '@angular/common', 
     '@angular/compiler', 
     '@angular/core', 
     '@angular/http', 
     '@angular/platform-browser', 
     '@angular/platform-browser-dynamic', 
     '@angular/router', 
     '@angular/platform-server', 
     'angular2-universal', 
     'angular2-universal-polyfills', 
     'materialize-css', 
     'es6-shim', 
     'es6-promise', 
     'jquery', 
     'zone.js', 
    ] 

Answer 1

Vous correctement tout faire, il suffit de faire une chose un peu différemment. Dans votre webpack.config.vendor.js, au lieu de materialize-css, ajouter materialize-css/dist/css/materialize.css au tableau vendor:

... 
entry: { 
    vendor: { 
     ... 
     'materialize-css/dist/css/materialize.css', 
     ... 
    } 
} 

Cela comprendra le css à votre paquet résultant. Si vous avez également besoin de polices et js de materialize-css, vous devrez configurer les chargeurs appropriés, voir https://www.npmjs.com/package/materialize-loader