tpack-postcss

    2.9.0 • Public • Published

    tpack-postcss

    TPack 插件:使用 PostCSS 优化 CSS。

    如果您只需要使用 AutoPrefixer 提供的功能,可以考虑使用 tpack-autoprefixer 插件。

    安装

    $ npm install tpack-postcss -g
    

    安装常用 PostCSS 插件

    $ npm install autoprefixer precss -g
    

    使用

    优化 CSS

    tpack.src("*.css").pipe(tpack.plugin("tpack-postcss"), {
        processors: [
            require('autoprefixer'), 
            require('precss')
        ]
    });

    源映射(Source Map)

    本插件可生成源映射,具体用法见 源映射

    配置

    tpack.src("*.css").pipe(tpack.plugin("tpack-postcss"), {
        processors: [ // 指定各个 PostCSS 处理器插件。[2]
            require('autoprefixer')({}),// autoprefixer 配置。
            require('precss')({})    // precss 配置。
        ],
        from: "", // 源文件路径。[1]
        to: "", // 目标文件路径。[1]
        map: null, // 是否生成源映射。是否生成源映射。具体见 [map](https://github.com/postcss/postcss/blob/master/docs/source-maps.md)。[1]
        parser: null, // 自定义 CSS 解析器。如 [SCSS](https://github.com/postcss/postcss-scss)。
        stringifier: null, // 自定义 CSS 生成器。如 [Midas](https://github.com/ben-eb/midas)。
        syntax: null, // 同时包含 parser 和 stringifier 的 JSON 对象。
    });

    另参考 https://github.com/postcss/postcss

    Install

    npm i tpack-postcss

    DownloadsWeekly Downloads

    1

    Version

    2.9.0

    License

    MIT

    Last publish

    Collaborators

    • teal