Я пишу модуль / пакет, который очищает все файлы .vue в моем проекте для определенных имен классов, а затем создает некоторый sass на основе :lang()
, который расширяет их аналоги в глобальном файле sass.Я дошел до того, что все записанные css правильно записываются в css-файл, но я не могу заставить Nuxt перезагрузить модуль во время hmr (HotModuleReplacement) или горячей перезагрузки.Также не помогает то, что документация на сайте Nuxt.js невелика, когда дело касается HMR.
Очевидно, что это должно происходить только в среде Dev, и до сих пор я пробовал почти все Nuxt Hooks, но яне думайте, что кто-то привязан к горячей перезагрузке.Я также пытался использовать extendBuild()
, чтобы добавить HotModuleReplacementPlugin()
в массив this.options.plugins
, но это, похоже, не раскрывает мне плагин.По крайней мере, не так, как его использование описано в документации (т.е. module.hot
).
Мой модуль добавлен в nuxt.config.js в разделе модулей:
['styles-lang', {
pathPattern: 'app/**/*.vue',
rootPath: __dirname || process.env.ROOT_PATH,
}],
Часть кода, который я пробовал для справки:
import { HotModuleReplacementPlugin } from 'webpack';
this.extendBuild((config, { isDev }) => {
if (isDev) {
this.options.plugins.push(
new HotModuleReplacementPlugin()
);
}
});
--- and ---
this.nuxt.hook('render:done', () => {
console.info(module.hot);
});
Я просто надеюсь получить либо доступ к плагину, либо альтернативу, позволяющую моему модулю обновляться во время горячей перезагрузки.Приветствую все предложения / советы.
Спасибо.