问答详情
源自:4-4 处理项目中的 css

postcss-loader

各种方法我都试过了,但是postcss-loader就是不起作用,这是什么鬼呀。。。。

提问者:好久不见呀 2018-02-24 17:27

个回答

  • k箜3408488
    2019-03-13 18:31:52

    现在是webpack4了,得去npm看最新的写法


  • 慕雪2081275
    2018-12-21 11:11:27

    Fix it!!

  • _蛰伏
    2018-05-22 08:53:14

    我使用的webpack的版本是4.8.3

    1、postcss.config.js中我的配置是这样的:

    module.exports = {

      plugins: [

        require('autoprefixer')({

        browsers:['last 5 versions']

        })

      ]

    }

    2、webpack.config.js中的配置是这样的:

    module.exports = { 
       module: {   
            rules: [  
                  { test: /\.css$/,
                  use: ["style-loader", "css-loader", "postcss-loader"] 
                  }
                ] 
            }}

    亲测,有效,在chrome浏览器,elements的<style></style>样式中,可以看到浏览器的版本的信息

  • 慕婉清1335980
    2018-04-03 17:16:14

    ok,很感谢,方法很赞

  • 慕粉1804033883
    2018-03-04 11:51:17

    的确不起作用


  • 慕桂英6553994
    2018-02-25 22:40:46

    这是webpack1.0版本的教程,你用的肯定是比较新的版本,可以去看官网是如何使用postcss-loader的

    在webpack.config.js同级目录创建一个postcss.config.js

    在postcss.config.js中输入

    module.exports = {

      plugins: {

        'autoprefixer': {browsers: 'last 5 version'}

      }

    }