作者:mobiledu2502887783 | 来源:互联网 | 2023-01-12 19:26
Webpack / PostCSS无法处理具有内联注释的.pcss文件:
模块构建失败:语法错误
(77:5) Unknown word
> 77 | // }
| ^
我的Webpack配置的PostCSS部分:
let PostCSSCOnfig= {
sourceMap: true,
plugins: () => [
require('postcss-smart-import'),
require('precss')({}),
require('postcss-for')({}),
require('postcss-mixins')({}),
require('postcss-math')({}),
require('postcss-percentage')({}),
require('postcss-flexbugs-fixes')({}),
require('postcss-cssnext')({browsers: ['> 0.05%', 'IE 7'], cascade: false})
]
};
config.module.rules:
{
test: /\.pcss$/,
exclude: inlineCSS,
use: ExtractTextPlugin.extract({
use: [{
loader: 'css-loader',
options: {
sourceMap: true
}
},
{
loader: 'postcss-loader',
options: PostCSSConfig
}
]
})
}
我尝试使用以下插件:
事后评论
postcss在线评论
postcss-scss
postcss-条评论
但没有帮助,我每次都会出错。