webpack 配置postcss

1、安装postcss-loader

npm install --save-dev postcss-loader

2、然后配置webpack.config.js,特别说明一下 exclude 和 include  ,在网上找的没有这两,然后我在配置完成后,在main.js里 impotr 进来的css 地直找不到,搞了好半天,然后写上这两就可以了,exclude 是接入node_modules里的css,include 是接 src 里的

{

          test: /\.css$/,

          exclude:/node_modules/,

          include:'/src/',

          use: [

              {

                  loader: "style-loader"

              }, {

                  loader: "css-loader",

                  options: {

                      //modules: true

                  }

              }, {

                  loader: "postcss-loader"

              }

          ]

      }

3、配置postcss.config.js,放要根目录,和package.json 放在一起


module.exports = {

plugins: {

autoprefixer: {

browsers: ['last 7 iOS versions','last 3 versions','> 1%']

    }

  }

};

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容