问题：
实测最新版本（6.7.0）的postcss-preset-env插件失效，webpack 无法生成兼容性css前缀
尝试最新的官方文档书写（图2）
尝试使用旧版配置报错，postcss-loader 插件配置项已更改
图1 package.json
图2 最新官方文档配置
图3 配置2
另外 browerslist 中加入 'maintained node versions'（兼容所有node版本）会导致以下错误
webpack 编译失败
修改方式：
使用 autoprefixer 插件替代 postcss-preset-env
yarn add autoprefixer --dev
添加 postcss.config.js 全局配置
// postcss.config.js
module.exports = {
plugins: [
require('autoprefixer')({
overrideBrowserslist: ['last 2 version', '>1%', 'ios 7']
})
]
}
或是直接在postcss-loader中使用
// webpack.config.js module
{
test: /\.(css)$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: "postcss-loader",
options: {
postcssOptions:{
plugins: [
require('autoprefixer')({
overrideBrowserslist: ['last 2 version', '>1%', 'ios 7','maintained node versions']
})
]
}
}
},
]
},
