@yinxulai/babel-plugin-less/lib/esm/template.js

一个 `Babel` 插件，用来帮助你对文件中引用的 `less` 进行预处理、转换成 `css` 并自动管理, 支持 `cssModule`, `autoPrefix`

import template from '@babel/template';
// 挂载 style 的模版
export function insertStyleElement(elementID, css) {
    // TODO: 防止内容包含特殊字符干扰
    // 浏览器如何还原 base64 是个问题，还得支持 ssr
    // const encodeCss = Buffer.from(css).toString('base64')
    // const encodeElementID = Buffer.from(elementID).toString('base64')
    return template.statement(`
    (function(elementID, css) {
      // 环境检查
      if (typeof (window) == 'undefined') return;
      if (typeof (document) == 'undefined') return;
      if (typeof (document.head) == 'undefined') return;
      if (window.document.getElementById(elementID)) return;
      
      // 创建 style
      const style = document.createElement('style');
      style.type="text/css"
      style.id = elementID;
      style.innerHTML = css;

      // 插入 dom
      document.head.appendChild(style);
    })(\`${elementID}\`, \`${css}\`);
  `)();
}
export function styleTokenMap(variableName, tokens) {
    return template.statement(`
    const ${variableName} = ${JSON.stringify(tokens)};
  `)();
}
//# sourceMappingURL=template.js.map