2017-10-19 35 views
0

Je viens de regarder l'introduction de Jeffrey Way au WebPack et une chose que je n'arrive pas à comprendre: POURQUOI il importe ses fichiers .scss dans ses fichiers main.js seulement pour qu'il soit extrait à nouveau dans un fichier séparé? Pourquoi doit-il être dans le JS en premier lieu?Webpack Requiert SASS dans le fichier JS?

Quelqu'un assez gentil pour expliquer et m'aider. J'ai dû louper quelque chose.

+0

Lets le veilleur de webpack et rechargements chaud fonctionnent avec le CSS, aussi, au lieu d'avoir besoin d'un ensemble totalement séparé d'outillage pour surveiller ceux-ci. – ceejayoz

+0

@ceejayoz Alors, devrais-je créer un fichier main.js avec un chargement de require pour mon CSS et mes autres fichiers JS? et l'utiliser comme ce que WebPack montres? – rctneil

+0

Faites-le comme bon vous semble. Il y a un nombre infini de façons de configurer les versions JavaScript - si vous n'aimez pas la façon de Jeffrey Way, faites autre chose. – ceejayoz

Répondre

2

La réponse simple est, fondamentalement, que webpack est fait pour construire et regrouper JS. Il existe des plugins qui étendent webpack pour vous fournir des bundles SCSS, LESS, ....

Chaque paquet a un point d'entrée. Dans le cas de webpack, c'est un fichier .js. Chaque fichier que vous importez/requérez dans ce point d'entrée ou dans un fichier importé/requis dans le point d'entrée le place dans l'ensemble final.

Le comportement par défaut de webpack est de regrouper le .scss/.css dans le bundle .js. Vous pouvez utiliser des plugins comme ExtractTextWebpackPlugin pour produire un ensemble de styles distinct.

La réponse est: webpack suppose, tout est JavaScript et vous aurez besoin des plugins pour le prouver mal ;-)

+0

Merci, j'ai effectivement trouvé que vous pouvez avoir plusieurs fichiers transmis à son point d'entrée. J'ai passé dans app.js et app.scss. Ces fichiers importent ensuite d'autres fichiers JS ou d'autres fichiers SCSS ou CSS. Semble fonctionner bien jusqu'à présent en fait. Malheureusement, il crée un fichier app.js vide dans mon dossier de sortie css. Si je poste la config dans le OP, est-ce que vous jetez un coup d'oeil? – rctneil