Skip to main content

基础使用

安装​

npm install -D postcss

配置​

插件​

autoprefixer​

  • 安装
npm i -D postcss autoprefixer
  • 配置
// postcss.config.js
module.exports = {
  plugins: {
    '插件名称':{/*插件配置，也可以为空则默认*/},    //
      
    'autoprefixer': {
        browsers: '> 5%' // 可以都不填，用默认配置
    },
      
    tailwindcss:{},
  }
}

webpack中使用​

webpack中需要与postcss-loader配合使用

npm install postcss-loader –save-dev
// webpack.config.js
rules: [
    {
        test: /\.css$/,
        exclude: /node_modules/,
        use: [
            {
                loader: 'style-loader',
            },
            {
                loader: 'css-loader',
                options: {
                    importLoaders: 1,
                }
            },
            {//*
                loader: 'postcss-loader'
            }
        ]
    }
]