webpack通過postcss-loader添加瀏覽器前綴


首先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-


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM