zoukankan      html  css  js  c++  java
  • sass和postcss

    sass是css预处理器

    需要安装node-sass支持 核心是c++编写

    集成
    1. sass-loader 把scss装换成css
    2. css-loader 找出@import和url()导入的语法,告诉webpack依赖的资源。同时支持css modules、压缩css等
    3. style-loader 把css转换成字符串,注入到javascript里。单独提出ExtractTextPlugin

    PostCSS是更纯粹地对css本身做转换,在css之后来处理,利用插件类似gulp里的task

    PostCSS的简要原理

    PostCSS自身只包括css分析器,css节点树API,source map生成器以及css节点树拼接器

    插件预览

    Autoprefixer 自动前缀
    postcss-cssnext 新的特性等等

    与webpack集成
    {
        loader: require.resolve('postcss-loader'),
        options: {
          ident: 'postcss', 
          plugins: () => [
            require('postcss-flexbugs-fixes'),
            autoprefixer({
              browsers: [
                '>1%',
                'last 4 versions',
                'Firefox ESR',
                'not ie < 9', // React doesn't support IE8 anyway
              ],
              flexbox: 'no-2009',
            }),
          ],
        },
        },
    
  • 相关阅读:
    逻辑架构设计目标和任务
    业务架构设计
    架构设计概念
    可扩展设计:如何做到增加功能不修改调用方代码?
    P2661 信息传递
    Network of Schools POJ
    1002 过河卒
    P3254 圆桌问题
    P2765 魔术球问题
    P1141 01迷宫
  • 原文地址:https://www.cnblogs.com/chenjinxinlove/p/8467770.html
Copyright © 2011-2022 走看看