@cosmic-design/san - npm Package Compare versions

Comparing version 0.0.1-alpha.20 to 0.0.2-beta.9c694ae

package.json

 {
   "name": "@cosmic-design/san",
-  "version": "0.0.1-alpha.20",
+  "version": "0.0.2-beta.9c694ae",
+  "scripts": {
+    "build": "node ./script/build.js",
+    "watch": "node ./script/watch.js",
+    "test": "jest",
+    "clean": "rimraf dist types",
+    "prepublishOnly": "npm run build"
+  },
   "browser": "./dist/es5/index.js",
@@ -25,4 +32,4 @@ "main": "./dist/cjs/index.js",
   "dependencies": {
-    "@cosmic-design/style": "0.0.58",
-    "@cosmic-design/san": "0.0.1-alpha.20",
+    "@cosmic-design/style": "workspace:*",
+    "@cosmic-design/san": "workspace:*",
     "prismjs": "~1.27.0",
@@ -51,10 +58,3 @@ "san": "~3.11.1"
     "vite-dts": "^1.0.4"
-  },
-  "scripts": {
-    "build": "node ./script/build.js",
-    "watch": "node ./script/watch.js",
-    "test": "jest",
-    "clean": "rimraf dist types"
-  },
-  "readme": "# Cosmic Design Components\n\n一个基于 San 开发的 UI 组件库\n\n## Feature\n- 完全开放的组件样式定制能力\n- 支持多端：移动端、PC端\n- 全面拥抱 TypeScript\n\n\n## 使用组件\n\n目前组件库提供了多种模块化规范，及全部打包和按需引入分包的编译产物，你可以结合适合的业务场景选择。\n\n### 编译配置\n\n全局提供 san 的依赖即可，编译选择 vite / rollup 等工具即可，无特别配置，可参考。\n\n[example/vite.config.js](./example/vite.config.js)\n\n### 引入组件\n\n#### 组件库导出项目\n\n```JSON\n/** package.json */\n{\n  \"exports\": {\n    \"./css/*\": \"./dist/css/*\",\n    /** for @cosmic-design/san/css/Button.css  */\n    /** for @cosmic-design/san/css/style.css  */\n    /** for @cosmic-design/san/css/global.css  */\n\n    \"./*\": {\n      \"import\": \"./dist/esm/*/index.js\",\n      \"require\": \"./dist/cjs/*/index.js\"\n    },\n    /** for @cosmic-design/san/Button  */\n\n    \".\": {\n      \"import\": \"./dist/esm/index.js\",\n      \"require\": \"./dist/cjs/index.js\"\n    }\n    /** for @cosmic-design/san  */\n  },\n}\n```\n\n```\n/dist\n├── css\n│   ├── style.css           # 所有样式，适用于全部引入，包括组件和global\n|   ├── global.css          # 全局样式，适用于按需引入\n|   ├── Button.css          # 组件样式，适用于按需引入\n├── esm\n│   ├── index.js            # 组件esm bundle，适用于 esm/ts + 全部引入\n│   ├── index.d.ts          # 所有组件类型\n│   ├── Button\n│   │   ├── index.js        # 组件esm， 适用于 esm/ts + 按需引入\n│   │   ├── index.d.ts      # 所有组件类型\n├── cjs\n│   ├── index.js            # 组件commonJS bundle，适用于打包引入\n│   ├── index.d.ts          # 所有组件类型\n│   ├── Button\n│   │   ├── index.js        # 组件commonJS， 适用于按需引入\n│   │   ├── index.d.ts      # 组件类型\n├── umd\n│   ├── index.js            # 组件umd bundle，适用于 umd/amd + 打包引入\n│   ├── Button.js           # 分组件umd，适用于 umd/amd + 按需引入\n\n```\n\n### 模块化及打包\n\n#### Demo\n* [esm-bundle](./example/esm-bundle/)\n* [esm-sep](./example/esm-sep/)\n* [commonjs-sep](./example/commonjs-sep/)\n* [umd-bundle](./example/umd-bundle/)\n* [umd-sep](./example/umd-sep/)\n\n#### ESM\n\n* 全部引入\n\n```javascript\nimport '@cosmic-design/san/css/style.css';\nimport { Button } from '@cosmic-design/san';\n```\n\n* 按需引入\n```javascript\nimport '@cosmic-design/san/css/global.css'; // in global js\n\nimport '@cosmic-design/san/css/Button.css';\nimport Button from '@cosmic-design/san/Button';\n```\n\n#### CMD\n\n* 全部引入 略\n\n* 按需引入\n```javascript\n/** CommonJS SSR **/\nconst Button = require('@cosmic-design/san/Button');\n```\n\n#### UMD/AMD\n\n* AMD 配置\n\n```javascript\nrequire.config({\n    packages: [\n        {\n            name: '@cosmic-design/san',\n            location: '/@cosmic-design/san/dist/es5',\n            main: 'index.js'\n        },\n    ]\n});\n```\n\n* 全部引入\n\n```html\n<link rel=\"stylesheet\" type=\"text/css\" href=\"/@cosmic-design/san/dist/css/style.css\"/>\n```\n\n```javascript\nrequire(['@cosmic-design/san', 'san'], function({ Button }, { Component }) {\n\n});\n```\n\n* 按需引入\n\n```html\n<link rel=\"stylesheet\" type=\"text/css\" href=\"/@cosmic-design/san/dist/css/global.css\"/>\n<link rel=\"stylesheet\" type=\"text/css\" href=\"/@cosmic-design/san/dist/css/Button.css\"/>\n```\n\n```javascript\nrequire(['@cosmic-design/san/Button', 'san'], function(Button, { Component }) {\n\n});\n```\n\n## 组件开发\n\n### 目录结构\n\n- 组件代码目录：`./packages/components`\n- 开发参考`Grid`/`Button`组件\n\n### 组件预览\n\n- 本地预览环境目录：`./site`\n- 预览命令：`npm run build`\n- [多端预览适配及实现方案](https://ku.baidu-int.com/knowledge/HFVrC7hq1Q/pKzJfZczuc/4XDGXMEGfs/0RPSCLiIOZdmEw) \n\n### 组件单元测试\n使用 [san-test-utils](https://ecomfe.github.io/san-test-utils/index.html) 进行单元测试\n\n### 提交代码\n请使用`npm run commit`，不要使用`git commit`\n"
-}
+  }
+}

New alerts

No License Found

License

(Experimental) License information could not be found.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

611929

decreased by-5.66%

Number of package files

339

decreased by-13.3%

Number of low license alerts

1

increased byInfinity%

Lines of code

9415

decreased by-11.62%

Dependency changes

• Updated@cosmic-design/san@workspace:*

• Updated@cosmic-design/style@workspace:*