码迷,mamicode.com
首页 > Web开发 > 详细

npm工具之postcss

时间:2017-11-28 15:32:33      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:module   row   css工具   npm   span   nano   option   strong   nbsp   

postcss工具包是为了管理css文件:

 {
    loader: postcss-loader,
    options:{
      plugins: [
        require(‘postcss-easy-import‘)({ prefix: ‘_‘ }), //文件名引入加前缀
         require(‘postcss-modules)({
          generateScopedName: [local]-[hash:base64:5]//postcss-modules模块给class名加后缀,防止同命名被覆盖
          }),
         require(precss)(), //sass解析
         require(cssnano)(), //相同css合并(例:.a{width:100px},.b{width:100px} => .a,.b{width:100px})
         require(postcss-cssnext)({
         browsers:[
             ‘>0%‘,
             ‘last 4 versions‘,
             ‘Firefox ESR‘, //postcss-cssnext兼容不同浏览器的,针对不同浏览器某些css属性需要用到不同内核前缀(例:-webkit-transfrom,-moz-transfrom)
      ‘not ie < 8‘, ] }),
        require(autoprefixer)
         ]
     }
    }

 

npm工具之postcss

标签:module   row   css工具   npm   span   nano   option   strong   nbsp   

原文地址:http://www.cnblogs.com/xiaoxiao666/p/7909775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!