在使用自定义Sass导入程序时,如何确保webpack dev server重新编译Sass?
我正在使用一个可以将JavaScript/JSON文件导入我的Sass中的。我遇到的问题是,当我保存要导入到Sass中的一些JavaScript文件时,在使用在使用自定义Sass导入程序时,如何确保webpack dev server重新编译Sass?,webpack,sass,node-sass,sass-loader,hot-reload,Webpack,Sass,Node Sass,Sass Loader,Hot Reload,我正在使用一个可以将JavaScript/JSON文件导入我的Sass中的。我遇到的问题是,当我保存要导入到Sass中的一些JavaScript文件时,在使用webpack dev server时,它不会触发热更新/重新加载 如果我在我的主应用程序的JavaScript中也导入了有问题的文件,那么保存它会按预期工作(它将触发成功的重新编译) 对于更多的上下文,我有一个UI组件,它有一个index.js文件。在这个index.js文件中,我正在导入一个Sass文件。在这个Sass文件中,我正在导入
webpack dev server
时,它不会触发热更新/重新加载
如果我在我的主应用程序的JavaScript中也导入了有问题的文件,那么保存它会按预期工作(它将触发成功的重新编译)
对于更多的上下文,我有一个UI组件,它有一个index.js
文件。在这个index.js
文件中,我正在导入一个Sass文件。在这个Sass文件中,我正在导入JavaScript文件,该文件在保存时不会触发重新加载
我不确定这是一个节点Sass问题还是一个网页问题,但其他一切都正常工作。我可以将其他Sass文件导入到主Sass文件中,保存这些文件将触发热重新加载/更新。我了解了这一点。在我的定制Sass进口商中,我带着:
{contents:“String”}
…根据。相反,我应该带着:
{
文件:“字符串”,
内容:“字符串”
}
file
是导入文件的计算路径。如果不传递此消息,节点/网页包将不会知道该文件,因此不会监视其更改