帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:STA  State  STAT  Inline  
Inline standard and Sass-like imports in CSS

  • 源代码名称:postcss-partial-import
  • 源代码网址:http://www.github.com/jonathantneal/postcss-partial-import
  • postcss-partial-import源代码文档
  • postcss-partial-import源代码下载
  • Git URL:
    git://www.github.com/jonathantneal/postcss-partial-import.git
  • Git Clone代码到本地:
    git clone http://www.github.com/jonathantneal/postcss-partial-import
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/jonathantneal/postcss-partial-import
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • 部分导入 PostCSS Logo

    NPM VersionBuild StatusLicensingChangelogGitter Chat

    部分导入允许你在CSS中使用 sugar @import 语句,包括 glob -like和Sass -like行为。 它甚至允许你将导入作为脚手架工具生成。

    /* before: style.css */@import"foo/bar";/* before: foo/bar.css */.example-1 {
     background-color: #fafafa;
    }/* after: style.css */.example-1 {
     background-color: #fafafa;
    }

    命令行选项

    root

    类型:String
    默认值:from 或者 process.cwd()

    解析路径的root。 这应该是包含 node_modules的目录。

    path

    类型:String | Array
    默认值:[]

    用来定位文件的路径或者路径。

    plugins

    类型:Array
    默认值:undefined

    要应用到导入文件的插件的array。

    onImport

    类型:Function
    默认值:null

    导入过程后调用的函数,接收导入文件的array。

    resolve

    类型:Function
    默认值:null

    接收导入的idbasedirimportOptions的自定义冲突解决程序。

    load

    类型:Function
    默认值:null

    自定义加载程序,接收 filenameimportOptions 和内容或者承诺的内容。

    skipDuplicates

    类型:Boolean
    默认值:true

    是否跳过类似的文件( 基于相同的内容)。

    prefix

    类型:String
    默认值:""

    前导字符有条件地前置到没有被发现的导入。 对于 Sass -like,使用 "_"

    glob

    类型:Boolean | Object
    默认值:true

    导入是否支持 glob -like行为。 在这里传递的对象将被转发到 glob 以更改 Pattern 匹配行为。

    touch

    类型:Boolean
    默认值:false

    导入是否应作为文件创建,如果它们还不存在的话。

    extension

    类型:String
    默认值:.css

    有条件附加到未指定扩展名的有条件导入的文件扩展名。

    用法

    部分导入插件添加到生成工具中:

    npm install postcss-partial-import --save-dev
    node
    require('postcss-partial-import').process(YOUR_CSS, { /* options */ });
    PostCSS

    PostCSS插件添加到生成工具中:

    npm install postcss --save-dev

    载入部分导入插件,作为一个插件:

    postcss([
     require('postcss-partial-import')({ /* options */ })
    ]).process(YOUR_CSS, /* options */);

    Gulp PostCSS 添加到生成工具中:

    npm install gulp-postcss --save-dev

    在你的Gulpfile中启用部分导入:

    var postcss =require('gulp-postcss');gulp.task('css', function () {
     returngulp.src('./src/*.css').pipe(
     postcss([
     require('postcss-partial-import')({ /* options */ })
     ])
     ).pipe(
     gulp.dest('.')
     );
    });
    Grunt

    Grunt PostCSS 添加到生成工具中:

    npm install grunt-postcss --save-dev

    在你的Gruntfile中启用部分导入:

    grunt.loadNpmTasks('grunt-postcss');grunt.initConfig({
     postcss: {
     options: {
     use: [
     require('postcss-partial-import')({ /* options */ })
     ]
     },
     dist: {
     src:'*.css' }
     }
    });


    文章标签:STA  STAT  State  Inline  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语