• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript less.render函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中less.render函数的典型用法代码示例。如果您正苦于以下问题:TypeScript render函数的具体用法?TypeScript render怎么用?TypeScript render使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了render函数的7个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: compile

	exports.compile = function compile(buffer, stream) {
		var m = less.render(buffer, function (e, css) {
			if (e)
				throw new Error(e);
			stream.write(css);
		});
	};
开发者ID:jspdown,项目名称:webkool,代码行数:7,代码来源:less.ts


示例2: switch

const compile_and_resolve_deps = (input: {code: string, lang: string, file: string}) => {
  let code: string

  switch (input.lang) {
    case "coffeescript":
      try {
        code = coffee.compile(input.code, {bare: true, shiftLine: true})
      } catch (error) {
        return reply({error: mkCoffeescriptError(error, input.file)})
      }
      break;
    case "javascript":
    case "typescript":
      code = input.code
      break;
    case "less":
      const options = {
        paths: [path.dirname(input.file)],
        compress: true,
        ieCompat: false,
      }
      less.render(input.code, options, (error: any, output: any) => {
        if (error != null)
          reply({error: mkLessError(error, input.file)})
        else
          reply({code: output.css})
      })
      return
    default:
      throw new Error(`unsupported input type: ${input.lang}`)
  }

  const result = ts.transpileModule(code, {
    fileName: input.file,
    reportDiagnostics: true,
    compilerOptions: {
      noEmitOnError: false,
      noImplicitAny: false,
      target: ts.ScriptTarget.ES5,
      module: ts.ModuleKind.CommonJS,
    },
  })

  if (result.diagnostics != null && result.diagnostics.length > 0) {
    const diagnostic = result.diagnostics[0]
    return reply({error: mkTypeScriptError(diagnostic)})
  }

  const source = result.outputText

  try {
    const deps = detective(source)
    return reply({ code: source, deps: deps })
  } catch(error) {
    return reply({error: error})
  }
}
开发者ID:FourtekIT-incubator,项目名称:bokeh,代码行数:57,代码来源:compile.ts


示例3: less

function less(input: Buffer, options: LessOptions, callback: TransformCallback) {
  const input_string = input.toString('utf8');
  less_module.render(input_string, options, (less_error, less_output) => {
    if (less_error) {
      const error = new Error(less_error.message)
      Object.assign(error, less_error)
      return callback(error);
    }

    const output = new Buffer(less_output.css, 'utf8');
    callback(null, output);
  });
}
开发者ID:chbrown,项目名称:fapply,代码行数:13,代码来源:applicators.ts


示例4: render

 render(data) {
     let newLessStyles = data.less;
     for (let key in data.theme) {
         newLessStyles = newLessStyles.replace(new RegExp(variableRegexPrefix + key + variableRegexPostfix), () => {
             return '@' + key + ': ' + data.theme[key] + ';';
         });
     }
     Less.render(newLessStyles, (e, result) => {
         if (result !== undefined) {
             this.reply({
                 method: 'render',
                 css: result.css
             });
         }
     });
 }
开发者ID:emmberk,项目名称:ddf,代码行数:16,代码来源:worker.less.ts


示例5: task

task("styles:build", async () => {
  for (const src of paths.less.sources) {
    const {css} = await less.render(read(src)!, {filename: src})
    write(rename(src, {dir: paths.build_dir.css, ext: ".css"}), css)
  }
})
开发者ID:HuntJSparra,项目名称:bokeh,代码行数:6,代码来源:styles.ts


示例6: render

// .less
const less = {
  render(
    source: string,
    map: any | null,
    options: any
  ): StylePreprocessorResults {
    const nodeLess = require('less')

    let result: any
    let error: Error | null = null
    nodeLess.render(
      source,
      { syncImport: true },
      (err: Error | null, output: any) => {
        error = err
        result = output
      }
    )

    if (error) return { code: '', errors: [error] }

    if (map) {
      return {
        code: result.css.toString(),
        map: merge(map, result.map),
        errors: []
      }
    }

    return { code: result.css.toString(), errors: [] }
开发者ID:gilFuser,项目名称:gilFuser.github.io,代码行数:31,代码来源:index.ts


示例7: render

// .less
const less = {
  render(
    source: string,
    map: any | null,
    options: any
  ): StylePreprocessorResults {
    const nodeLess = require('less')

    let result: any
    let error: Error | null = null
    nodeLess.render(
      source,
      Object.assign({}, options, { syncImport: true }),
      (err: Error | null, output: any) => {
        error = err
        result = output
      }
    )

    if (error) return { code: '', errors: [error] }

    if (map) {
      return {
        code: result.css.toString(),
        map: merge(map, result.map),
        errors: []
      }
    }

    return { code: result.css.toString(), errors: [] }
开发者ID:aldCom,项目名称:aldCom.github.io,代码行数:31,代码来源:index.ts



注:本文中的less.render函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript leveldown.default函数代码示例发布时间:2022-05-25
下一篇:
TypeScript leancloud-storage.User类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap