web-dev-qa-db-fra.com

Comment inclure le package NPM Materialise-CSS avec Webpack

J'écris une application côté client qui utilise Webpack, et je ne peux pas comprendre comment exiger le package materialize-css. J'utilise le paquet hjs-webpack de Henrik Joreteg , et avec cela le paquet nics de yeticss est inclus en faisant une importation dans un fichier sass (par exemple @import 'yeticss'), mais cela ne fonctionne pas pour matérialiser. Exiger directement dans le code (par exemple import 'materialize-css' dans un fichier JS) comme tout autre paquet ne fonctionne pas non plus.

20
neurodynamic

Dans ce cas, contrairement aux yetics, vous devez entrer et exiger les fichiers spécifiques, plutôt que juste le nom du package, donc:

import 'materialize-css/dist/css/materialize.min.css'
import 'materialize-css/dist/js/materialize.min.js'
29
neurodynamic

Dans mon cas, j'utilise create-react-app , et j'ai pu:

yarn add materialize-css

Et puis dans mon index.js (fichier de réaction de niveau supérieur):

import '../node_modules/materialize-css/dist/css/materialize.min.css';
import '../node_modules/materialize-css/dist/js/materialize.min.js';
6
brittohalloran