当配置postcss的时候,按照webpack1.X的版本,需要:
postcss: () => {
return [
require('precss'),
require('autoprefixer')
];
}当运行webpack的时候,会报错,告诉你未知的属性postcss,查阅资料,需要换一种书写的方式,
在plugins中引入:
new webpack.LoaderOptionsPlugin({
options: {
postcss: ()=>{
return [
require('precss'),
require('autoprefixer')()
];
}
}
})在这之前,需要var webpack=require("webpack"),否则会提示你找不到webpack,这个插件是webpack自带的,不需要额外安装。
添加配置之后,webpack完美运行。
本文介绍如何在Webpack 1.x环境中正确配置PostCSS,包括使用预处理器precss和autoprefixer。通过引入LoaderOptionsPlugin插件解决配置错误问题,确保项目的顺利运行。
932

被折叠的 条评论
为什么被折叠?



