fix uitls

Author: xlorne

README.md

@@ -59,6 +59,21 @@ access.setPermission('user', ['read', 'write']);
 const hasPermission = access.checkPermission('user', 'read');
 ```
 
+## Webpack 5 配置
+
+如果你使用的是 Webpack 5，需要在你的 webpack 配置中添加以下配置：
+
+```javascript
+module.exports = {
+  // ... 其他配置
+  resolve: {
+    fallback: {
+      "util": false
+    }
+  }
+};
+```
+
 ## 主要特性
 
 - 组件总线：用于管理和注册组件

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingapi/ui-framework",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "A UI Framework built with React and Typescript",
   "keywords": ["ui", "framework", "react", "typescript"],
   "homepage": "https://github.com/codingapi/ui-framework",
@@ -13,6 +13,9 @@
   },
   "main": "dist/index.js",
   "module": "dist/index.es.js",
+  "browser": {
+    "util": false
+  },
   "license": "Apache-2.0",
   "files": [
     "dist"

rollup.config.js

@@ -1,34 +1,47 @@
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import typescript from 'rollup-plugin-typescript2';
 import postcss from 'rollup-plugin-postcss';
+import alias from '@rollup/plugin-alias';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import del from 'rollup-plugin-delete';
 import pkg from './package.json';
 
 export default {
   input: 'src/index.ts',
   output: [
     {
-      file: pkg.main,
+      file: 'dist/index.js',
       format: 'cjs',
       sourcemap: true,
     },
     {
-      file: pkg.module,
-      format: 'esm',
+      file: 'dist/index.es.js',
+      format: 'es',
       sourcemap: true,
     },
   ],
+  external: ['react', 'react-dom', 'util'],
   plugins: [
     del({ targets: 'dist/*' }),
     peerDepsExternal(),
-    resolve(),
+    alias({
+      entries: [
+        { find: 'util', replacement: 'util/' }
+      ]
+    }),
+    nodeResolve({
+      browser: true,
+      preferBuiltins: true
+    }),
     commonjs(),
     typescript({
-      tsconfig: 'tsconfig.build.json',
+      tsconfig: './tsconfig.build.json',
       useTsconfigDeclarationDir: true,
     }),
-    postcss(),
+    postcss({
+      extensions: ['.css'],
+    }),
   ],
 };