美文网首页
webpack 配置postcss

webpack 配置postcss

作者: thekings | 来源:发表于2018-12-04 17:55 被阅读0次

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%']

    }

  }

};

相关文章

网友评论

      本文标题:webpack 配置postcss

      本文链接:https://www.haomeiwen.com/subject/xwsvcqtx.html