dctc 1.0.2 → 1.0.4

package/README.md

@@ -1,4 +1,13 @@
-# dynamic-compile-tsx-commond(dctc)
+<h1 align="center">
+  <br/>
+    <img src="https://emojis.slackmojis.com/emojis/images/1699040186/73833/yellow_bee.gif?1699040186" width="100"/>
+  <br/>
+</h1>
+
+[![npm version](https://img.shields.io/npm/v/dctc.svg?style=flat-square)](https://www.npmjs.com/package/dctc)
+[![npm downloads](https://img.shields.io/npm/dt/dctc.svg?style=flat-square)](https://www.npmjs.com/package/dctc)
+[![deps](https://img.shields.io/github/license/SteamedBread2333/dctc.svg)](https://www.npmjs.com/package/dctc)
+
 TypeScript Execute (tsx): Dynamically compile TSX/TS file and execute it.
 
 `dctc` may be similar tools in the fastest speed of execution!!  <img src="https://emojis.slackmojis.com/emojis/images/1643514389/3643/cool-doge.gif?1643514389" width="30"/>
@@ -131,5 +140,13 @@ dctc generate-html.tsx
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 Please make sure to update tests as appropriate.
 
+## Scene
+Some scenarios where you need to compile and execute tsx. 
+- Developed using react, and needed to generate an html template for email.
+- When you want to preview a react component, but there is no suitable playground.
+
+## Notice
+If you need to load the style file, perform an additional loader and eventually insert the style into the html template in the product, but the email template does not support external style import.
+
 ## License
 MIT

package/lib/complie_es.js

@@ -73,6 +73,7 @@ module.exports = async function (filePath) {
         },
       ],
       write: false, // Prevent writing output files
+      external: ['react', 'react-dom'], // Exclude external dependencies
     });
 
     // Get the compiled code

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dctc",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Dynamically compile TSX/TS files and execute them.",
   "main": "./lib/index.js",
   "bin": {