icss

CSS build tool.

Features

• ✔︎ 支持 less、scss
• ✔︎ 支持 postcss 以及扩展其默认配置项

Installation

Install icss via yarn or npm.

$ yarn add @toolkit-js/icss -D

Usage

//  package.json
{
  "main": "index.js",
  "scripts": {
    "icss": "icss"
  }
}

# bundle css
$ yarn icss src/style/index.css
# bundle less
$ yarn icss src/style/index.less
# bundle scss
$ yarn icss src/style/index.scss
# wrap selector before css rule
$ yarn icss src/style/index.scss --root-selector .blue
# build in glob
$ yarn icss src/style/*.less
# copy non-style file
$ yarn icss src/fonts/**

Postcss

支持按照 postcss 的方式扩展默认的配置项，比如新建 .postcssrc.js 文件：

module.exports = {
  plugins: [require('@postcss-plugins/console')],
};

默认的配置项如下：

userOptions.plugins = [
  atImport(),
  prefixWrap(rootSelector),
  ...userOptions.plugins, // user plugins
  autoprefixer({
    overrideBrowserslist: ['ie > 9', 'last 2 versions'],
    cascade: false,
  }),
  cssnano(),
];

Tip

如果遇到 node-sass 安装报错的问题，可以设置 .npmrc 文件：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/