feat(devtools): add devtools.js

config/rollup.config.devtools.1.js

@@ -0,0 +1,17 @@
+import rollupTypescript from 'rollup-plugin-typescript'
+
+// set new typescript
+const rollupTypescriptPlugin = rollupTypescript()
+export default {
+    entry: 'src/devtools-run.ts',
+    external: ['zreact'],
+	format: 'umd',
+    dest: 'devtools.js',
+    globals: {
+		zreact: 'zreact'
+	},
+    plugins: [
+        rollupTypescriptPlugin,
+    ],
+    sourceMap: true
+}

config/rollup.config.devtools.js

@@ -0,0 +1,23 @@
+import rollupTypescript from 'rollup-plugin-typescript'
+import replace from 'rollup-plugin-replace'
+import alias from 'rollup-plugin-alias'
+
+// set new typescript
+const rollupTypescriptPlugin = rollupTypescript()
+export default {
+    entry: 'src/zreact.ts',
+	format: 'umd',
+	moduleName: 'zreact',
+    dest: 'dist/zreact.devtools.js',
+    plugins: [
+        rollupTypescriptPlugin,
+        replace({
+            DEVTOOLS_ENV: JSON.stringify(process.env.DEVTOOLS_ENV)
+        }),
+        alias({
+            resolve: [".ts"],
+            zreact: "./zreact"
+        })
+    ],
+    sourceMap: true
+}

config/rollup.config.js

@@ -2,19 +2,28 @@ import rollupTypescript from 'rollup-plugin-typescript'
 import uglify from 'rollup-plugin-uglify'
 import { minify } from 'uglify-es'
 import pkg from '../package.json'
+import replace from 'rollup-plugin-replace'
 // import typescript from 'typescript'
 
 const isProduction = process.env.NODE_ENV === 'production'
 
 // set new typescript
 const rollupTypescriptPlugin = rollupTypescript()
+const replacePlugin = replace({
+    DEVTOOLS_ENV: JSON.stringify(process.env.DEVTOOLS_ENV),
+    ENV: JSON.stringify(process.env.NODE_ENV)
+})
 export default {
     entry: 'src/zreact.ts',
-    moduleName: 'Zreact',
+    moduleName: 'zreact',
     // dest: isProduction ? 'dist/zreact.min.js' : 'dist/zreact.js',
-    plugins: !isProduction ? [rollupTypescriptPlugin] : [
+    plugins: !isProduction ? [
         rollupTypescriptPlugin,
-        uglify({}, minify)
+        replacePlugin
+    ] : [
+        rollupTypescriptPlugin,
+        uglify({}, minify),
+        replacePlugin
     ],
     sourceMap: !isProduction,
     targets: isProduction ? [