@alicd/sugar

支持自定义打包文件输出目录 - 支持复杂组件打包 - 支持切换主题,包含 CRUI 中除 next 基础组件以外的样式 - 优化打包速度

Usage no npm install needed!

<script type="module">
  import alicdSugar from 'https://cdn.skypack.dev/@alicd/sugar';
</script>

README

sugar

walle 组件化打包

  • 支持自定义打包文件输出目录
  • 支持复杂组件打包
  • 支持切换主题,包含 CRUI 中除 next 基础组件以外的样式
  • 优化打包速度
  1. 自定义打包文件输出目录

    在项目根路径新建 .wallerc 文件,  并写入

    {
      "outputPath": "./build"
    }
    
  2. 引入复杂组件

    编辑 component.json 文件。

    {
      "ui":{
        "WalleComponent":"@alicd/walle-components@0.0.1"
      },
      "plugins": {
      },
      "custom": {
        "CodeMirror": {
          "name": "react-codemirror@1.0.0",
          "style": false,
          "include": [
            "codemirror/lib/codemirror.css",
            "codemirror/mode/javascript/javascript",
            "codemirror/mode/xml/xml",
            "codemirror/mode/markdown/markdown"
          ]
        }
      }
    }
    
    

    style 属性默认为 false;style 为 true 会加载 lib/index.scss ; css 会加载 lib/index.css;

    同时请注意: 所有组件必须写明版本号

路由自动化生成

  1. basePath 方案, 修改config/router.json
{
  + "publicPath": "<var>basePath</var>",
  ...
}

CHANGELOG

0.1.3 : walle-extends.css 默认加入 assist-style; 默认生成 walle-extends.debug.js;