Autoprefixer:構成[Autoprefixer:せってい]

810 ワード


Webpack 4での構成
インストールパッケージ:npm install webpack style-loader css-loader postcss-loader autoprefixer--save-dev
//webpack.config.js

{
  test:/\.css$/,
  use: [
  	{loader:'style-loader'},
  	{loader:'css-loader',
  	options:{
  		 modules:true,
  		importLoaders:1	   
  		}
  	},
  	{loader:'postcss-loader'}
  ]
}

//postcss.config.js
module.exports = {
    plugins: [
        require('autoprefixer')({
            "browsers": [
                "defaults",
                "not ie < 11",
                "last 2 versions",
                "> 1%",
                "iOS 7",
                "last 3 iOS versions"
            ]
        })
    ]
};