我的webpack配置编译得很好,但是当我尝试使用热模块替换编辑我的CSS(手写笔)文件时,它会崩溃并出现此错误:
错误在./node_modules/css-loader!./node_modules/stylus-loader!./src/pages/login/login.styl模块构建失败:错误:ENOENT:没有这样的文件或目录,打开'/ vagrant / client /src/pages/login/login.styl'at Error(本机)
我注意到错误消息中的路径 ./src/pages/login/login.styl
并尝试将当前工作目录添加到webpack配置中的模块路径:
resolve: {
modules: [
path.resolve('./'), // <- THIS
path.resolve('./src'),
path.resolve('./node_modules')
],
extensions: ['.js', '.coffee']
},
现在它工作正常 . 我真的不想将整个项目文件夹添加为一个模块,我宁愿HMR也不是很奇怪 .
这是HMR的预期行为吗?
我怀疑 style-loader
可能实际上是罪魁祸首,因为我不是't see it in the loader chain in the error message. Here'的 .styl
文件的加载程序配置:
{
test: new RegExp('\.styl$'),
loader: ['style-loader', 'css-loader', 'stylus-loader']
},
也许这是一个错误?