@nuintun/gulp-css

    3.0.0 • Public • Published

    gulp-css

    A gulp plugin for css transport and concat

    NPM Version Download Status Dependencies

    Usage

    const gulp = require('gulp');
    const css = require('@nuintun/gulp-css');
    const { join, relative } = require('path');
    
    // Fixed css resource path
    function onpath(path, property, file, wwwroot) {
      if (/^[^./\\]/.test(path)) {
        path = './' + path;
      }
    
      if (path.startsWith('.')) {
        path = join(dirname(file), path);
        path = relative(wwwroot, path);
        path = '/' + path;
        path = path.replace(/\\+/g, '/');
      }
    
      path = path.replace('assets/', 'online/');
    
      return path;
    }
    
    // Task
    gulp.task('default', function() {
      gulp
        .src('assets/css/**/*.css')
        .pipe(css({ onpath: onpath }))
        .pipe(gulp.dest('online/css'));
    });

    API

    css(options)

    options
    • root String

      网站根目录。

    • map Function

      配置模块 ID 映射(返回的映射字符串必须符合文件路径规则,会同步更新模块 ID 和 输出文件名)。

    • combine Boolean|Function

      是否合并样式。

    • onpath Function

      样式文件中的资源文件路径处理回调函数。

    • onbundle Function

      模块合并完成后回调函数。

    • plugins Array[Object]

      自定义模块转换插件,有 moduleDidLoaded, moduleDidParsed, moduleDidCompleted 三个生命周期提供调用处理。

    Install

    npm i @nuintun/gulp-css

    DownloadsWeekly Downloads

    1

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    14.2 kB

    Total Files

    7

    Last publish

    Collaborators

    • nuintun