webpack4 配置 postcss-loader 和 autoprefixer 外掛

npm install postcss-loader autoprefixer --save-dev

webpack.config.js

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader", "postcss-loader"]
            }
        ]
    }
}
 

新建一個 postcss.config.js 檔案，輸入:

module.exports = {
    plugins: [
        require('autoprefixer')
    ]
}