postcss-loader

来源:4-4 处理项目中的 css

好久不见呀

2018-02-24 17:27

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

写回答 关注

6回答

  • 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>样式中,可以看到浏览器的版本的信息

    翁国超

    require('autoprefixer')({ browsers:['last 5 versions'] })确实有效,不过在哪里可以看到这种写法呀?

    2018-08-25 18:05:40

    共 1 条回复 >

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

    ok,很感谢,方法很赞

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

    的确不起作用


    好久不见呀

    您也是这样呢?

    2018-03-04 15:19:46

    共 1 条回复 >

  • 慕桂英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'}

      }

    }


    罐头冠

    谢谢,你这个方法可以

    2018-04-02 23:50:30

    共 2 条回复 >

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题