Merge pull request #58 from kamo88/develop

chore: Change build umd Name & Set process.env.NODE_ENV (#57)

Author: kamo88

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@kamo88/react-dialog-hooks",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "description": "react use dialog hooks & dialog component",
   "main": "./dist/index.umd.cjs",

package.json

@@ -6,60 +6,65 @@ import dts from 'vite-plugin-dts';
 import { visualizer } from 'rollup-plugin-visualizer';
 
 // https://vitejs.dev/config/
-export default defineConfig(({ mode }) => ({
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'src'),
+export default defineConfig(({ mode }) => {
+  const isAnalyze = mode === 'analyze';
+  return {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
     },
-  },
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, 'src/index.ts'),
-      name: '@kamo88-dialog',
-      fileName: 'index',
-      formats: ['es', 'umd'],
+    define: {
+      'process.env.NODE_ENV': JSON.stringify(isAnalyze ? 'production' : mode),
     },
-    rollupOptions: {
-      external: ['react', 'react/jsx-runtime', 'react-dom'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          'react/jsx-runtime': 'ReactJsxRuntime',
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, 'src/index.ts'),
+        name: 'Kamo88Dialog', // When you build with umd, it is set in the window with this variable name.
+        fileName: 'index',
+        formats: ['es', 'umd'],
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom'],
+        output: {
+          globals: {
+            react: 'React',
+            'react-dom': 'ReactDOM',
+          },
         },
       },
     },
-  },
-  plugins: [
-    react(),
-    tsconfigPaths(),
-    dts({
-      pathsToAliases: true,
-      exclude: [
-        path.resolve(__dirname, 'src/**/*.test.*'),
-        path.resolve(__dirname, 'src/**/*.stories.*'),
-        path.resolve(__dirname, 'src/**/*.example.*'),
-        path.resolve(__dirname, 'src/components/Dialog/DialogContainer.tsx'),
-      ],
-      include: [
-        path.resolve(__dirname, 'src/index.ts'),
-        path.resolve(__dirname, 'src/components/Dialog'),
-      ],
-      outDir: path.resolve(__dirname, 'dist/types'),
-    }),
-    mode === 'analyze' &&
-      visualizer({
-        open: true,
-        filename: 'analyze/stats.html',
-        gzipSize: true,
-        brotliSize: true,
+    plugins: [
+      react(),
+      tsconfigPaths(),
+      dts({
+        pathsToAliases: true,
+        exclude: [
+          path.resolve(__dirname, 'src/**/*.test.*'),
+          path.resolve(__dirname, 'src/**/*.stories.*'),
+          path.resolve(__dirname, 'src/**/*.example.*'),
+          path.resolve(__dirname, 'src/components/Dialog/DialogContainer.tsx'),
+        ],
+        include: [
+          path.resolve(__dirname, 'src/index.ts'),
+          path.resolve(__dirname, 'src/components/Dialog'),
+        ],
+        outDir: path.resolve(__dirname, 'dist/types'),
       }),
-  ],
-  test: {
-    environment: 'jsdom',
-    coverage: {
-      exclude: ['src/**/*.example.*'],
-      include: ['src/components/Dialog', 'src/utils/noop.ts'],
+      isAnalyze &&
+        visualizer({
+          open: true,
+          filename: 'analyze/stats.html',
+          gzipSize: true,
+          brotliSize: true,
+        }),
+    ],
+    test: {
+      environment: 'jsdom',
+      coverage: {
+        exclude: ['src/**/*.example.*'],
+        include: ['src/components/Dialog', 'src/utils/noop.ts'],
+      },
     },
-  },
-}));
+  };
+});