使用tailwibd指令时,webpack显示不正确的源映射

使用tailwibd指令时,webpack显示不正确的源映射,webpack,tailwind-css,source-maps,Webpack,Tailwind Css,Source Maps,我在模式下使用tailwindcss2.1+,'jit'与SCSS一起使用,目前正面临这个问题。 假设我创建了class。red .red { color: red; } Devtools显示它来自\u元素。scss:28这是正确的。 但是当我使用@apply .red { @apply text-red-500; } 它显示%3Cno%20source%3E:1等等。没有“正确”跟踪任何顺风样式 Mywebpack.config.js(简化) 加载程序的选项,如sour

我在
模式下使用tailwindcss2.1+,'jit'
与SCSS一起使用,目前正面临这个问题。 假设我创建了class
。red

.red {
    color: red;
} 
Devtools显示它来自
\u元素。scss:28
这是正确的。 但是当我使用
@apply

.red {
    @apply text-red-500;
} 
它显示
%3Cno%20source%3E:1
等等。没有“正确”跟踪任何顺风样式

Mywebpack.config.js(简化)

加载程序的选项,如
sourceMaps,importLoader
没有帮助

postsss.config.js

const tailwindcss = require('tailwindcss');

module.exports = {
    plugins: [
        tailwindcss(),
    ],
};
在使用
@apply
时,我可以做些什么来显示sourcemaps中的正确文件和行吗

const tailwindcss = require('tailwindcss');

module.exports = {
    plugins: [
        tailwindcss(),
    ],
};