首先webpack.config.js中加載loader
module.exports = { // __dirname是nodejs里的一個全局變量,他指向我們的根目錄 //entry入口文件路徑 entry: __dirname + '/app/main.js', //出口文件位置 output: { path: __dirname + '/public', //出口文件位置 filename: 'webpack.js' //出口文件名 }, module: { loaders: [ { test: /\.css$/, loader: "style-loader!css-loader!postcss-loader" } ] } }
我們這里使用了postcss-loader,但是他需要依賴項,直接在下方require並沒有卵用,這里采納網友的做法,親測可用,就分享一下
主要是重置了postcss.config.js的配置項
我們在webpack.config.js的同級目錄下新建postcss.config.js文件,配置如下
module.exports = { plugins: [ require('autoprefixer') ] }
截下來我們在來運行webpack就可以了,我們右擊審查元素,發現css3屬性已經給加上了瀏覽器前綴,但是貌似沒有-moz-