Observer les modifications de fichiers spécifiques en utilisant le webpack

Question

Actuellement, j'utilise moins de chargeur avec modifyVars pour remplacer certaines variables afin de personnaliser le style.

import theme from './theme.js';

{ test: /\.(css|less)$/, loaders: ['style', 'css?sourceMap', 'postcss', `less-loader?{"sourceMap":true,"modifyVars":${JSON.stringify(theme)}}`], },

mais pour chaque changement de theme.js je dois redémarrer le serveur, (exécution faisant de NPM) est-il un moyen de le faire automatiquement comme si je change d'un fichier moins et sera remplacé immédiatement?

theme.js module.exports = { '@primary-color': '#1DA57A', '@font-size-base': '14px', '@btn-font-weight': '200', };

Answer 1

Le thème n'est pas un montres webpack de fichiers et paquets. Il fait partie du webpack config. Donc, la réponse est non, vous ne pouvez pas faire le webpack le regarder.

Vous pouvez toutefois demander à quelqu'un d'autre de le regarder et de redémarrer webpack. Comme décrit here, par exemple.