Explication détaillée de la façon de configurer postcss-loader à l'aide de webpack2.0

Cet article présente principalement la méthode de configuration de postcss-loader dans webpack 2.0. L'éditeur pense qu'elle est plutôt bonne, je vais donc la partager avec vous maintenant et la donner comme référence. Suivons l'éditeur et jetons un coup d'œil

Cet article explique comment configurer postcssloader à l'aide de webpack2.0 et le partager avec tout le monde. Les détails sont les suivants :

Installez postcss-loader

npm install --save-dev postcss-loader

Puis configurez webpack.config.js

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

Une façon consiste à configurer postcss.config.js

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

La deuxième méthode consiste à utiliser LoaderOptionsPlugin

module.exports = {
  plugins: [
    new webpack.LoaderOptionsPlugin({
      options: {
        postcss: function(){
          return [
            require("autoprefixer")({
              browsers: ['ie>=8','>1% in CN']
            })
          ]
        }
      }
    })
  ]
}

dans webpack.config.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!