css3自動加字首 -webkit-

1、安裝yarn add -D postcss-loader autoprefixer

yarn add -D postcss-loader autoprefixer
或
npm install --save postcss-loader autoprefixer

2、(在webpage.config.js中) 配置

let postCss=require('autoprefixer')({//這裡的require是一個高階函式,用來處理css相容性
    "overrideBrowserslist":[
        'last 10 Chrome versions',
        
 
'last 5 Firefox versions',
        'Safari >= 6',
        'ie > 8'
    ]
})

module:{//模組
        rules:[//規則
            {
                test:/\.css$/, //test表示正則，找副檔名為.css的檔案
                use:[
                    MiniCssExtractPlugin.loader,//(即把找到的檔案)都放到了上面的main.css裡面
                    {
                        loader:
 
"css-loader",  //載入css-loader
                    },
                    {
                        loader:"postcss-loader",//處理css相容性
                        options:{
                            postcssOptions: {
                                plugins:[
                                    postCss //postCss是一個外掛。用來處理css相容性
 
                                ]
                            }
                         }
                    }
                ]
            }
        ]
    }

【程式碼演示】