adriancmiranda · May 20, 2022 15:09 · Jan 19, 2021 · Jan 19, 2021 · Aug 10, 2020 · Aug 10, 2020
diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -1,5 +1,3 @@
-> Please [retweet](https://twitter.com/alecdotbiz/status/1291742610374131712) if this helps you!
-
 ### Features
 
 🔥 *Blazing fast* builds  

diff --git a/rollup.config.js b/rollup.config.js
@@ -3,22 +3,33 @@ import esbuild from 'rollup-plugin-esbuild'
 
 const name = require('./package.json').main.replace(/\.js$/, '')
 
-const ext = format =>
-  format == 'dts' ? 'd.ts' : format == 'cjs' ? 'js' : 'mjs'
-
-const bundle = format => ({
+const bundle = config => ({
+  ...config,
   input: 'src/index.ts',
-  output: {
-    file: `${name}.${ext(format)}`,
-    format: format == 'cjs' ? 'cjs' : 'es',
-    sourcemap: format != 'dts',
-  },
-  plugins: format == 'dts' ? [dts()] : [esbuild()],
   external: id => !/^[./]/.test(id),
 })
 
 export default [
-  bundle('es'), //
-  bundle('cjs'),
-  bundle('dts'),
+  bundle({
+    plugins: [esbuild()],
+    output: [
+      {
+        file: `${name}.js`,
+        format: 'cjs',
+        sourcemap: true,
+      },
+      {
+        file: `${name}.mjs`,
+        format: 'es',
+        sourcemap: true,
+      },
+    ],
+  }),
+  bundle({
+    plugins: [dts()],
+    output: {
+      file: `${name}.d.ts`,
+      format: 'es',
+    },
+  }),
 ]
diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -1,4 +1,4 @@
-<sup>Please <a href="https://twitter.com/alecdotbiz/status/1291742610374131712">retweet</a> if this helps you!</sup>
+> Please [retweet](https://twitter.com/alecdotbiz/status/1291742610374131712) if this helps you!
 
 ### Features
 

diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -1,3 +1,5 @@
+<sup>Please <a href="https://twitter.com/alecdotbiz/status/1291742610374131712">retweet</a> if this helps you!</sup>
+
 ### Features
 
 🔥 *Blazing fast* builds  

diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -3,7 +3,7 @@
 🔥 *Blazing fast* builds  
 😇 CommonJS bundle  
 🌲 `.mjs` bundle  
-✨ `.d.ts` bundle  
+✨ `.d.ts` bundle + type-checking  
 🧐 Source maps  
 
 ### Install

diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -15,7 +15,7 @@
 2. Run this in your terminal:
 
     ```sh
-    pnpm i rollup rollup-plugin-esbuild rollup-plugin-dts -D
+    pnpm i esbuild rollup rollup-plugin-esbuild rollup-plugin-dts -D
     wget -O rollup.config.js https://gist.github.com/aleclarson/9900ed2a9a3119d865286b218e14d226/raw/rollup.config.js
     ```
 

diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -16,7 +16,7 @@
 
     ```sh
     pnpm i rollup rollup-plugin-esbuild rollup-plugin-dts -D
-    wget -O rollup.config.js ...
+    wget -O rollup.config.js https://gist.github.com/aleclarson/9900ed2a9a3119d865286b218e14d226/raw/rollup.config.js
     ```
 
 3. Ensure your `tsconfig.json` contains these values:
@@ -27,12 +27,20 @@
     }
     ```
 
-4. Ensure your `package.json` contains these values:
+4. Ensure your `package.json` contains these values (and replace the `my-lib` part):
 
     ```json
     "main": "dist/my-lib.js",
     "module": "dist/my-lib.mjs",
     "typings": "dist/my-lib.d.ts",
     ```
 
-5. Change the `input: 'src/index.ts'` line in `rollup.config.js` if needed.
+5. Change the `input: 'src/index.ts'` line in `rollup.config.js` if needed.
+
+6. All done! Now do `yarn rollup -c` to build, or add this to your `package.json`:
+
+    ```json
+    "scripts": {
+      "build": "rollup -c"
+    }
+    ```
diff --git a/rollup-typescript.md b/rollup-typescript.md
@@ -0,0 +1,38 @@
+### Features
+
+🔥 *Blazing fast* builds  
+😇 CommonJS bundle  
+🌲 `.mjs` bundle  
+✨ `.d.ts` bundle  
+🧐 Source maps  
+
+### Install
+
+1. Install [`pnpm`] or replace the `pnpm i` part with Yarn or NPM.
+
+[`pnpm`]: https://github.com/pnpm/pnpm#readme
+
+2. Run this in your terminal:
+
+    ```sh
+    pnpm i rollup rollup-plugin-esbuild rollup-plugin-dts -D
+    wget -O rollup.config.js ...
+    ```
+
+3. Ensure your `tsconfig.json` contains these values:
+
+    ```json
+    "compilerOptions": {
+      "target": "esnext"
+    }
+    ```
+
+4. Ensure your `package.json` contains these values:
+
+    ```json
+    "main": "dist/my-lib.js",
+    "module": "dist/my-lib.mjs",
+    "typings": "dist/my-lib.d.ts",
+    ```
+
+5. Change the `input: 'src/index.ts'` line in `rollup.config.js` if needed.
diff --git a/rollup.config.js b/rollup.config.js
@@ -0,0 +1,24 @@
+import dts from 'rollup-plugin-dts'
+import esbuild from 'rollup-plugin-esbuild'
+
+const name = require('./package.json').main.replace(/\.js$/, '')
+
+const ext = format =>
+  format == 'dts' ? 'd.ts' : format == 'cjs' ? 'js' : 'mjs'
+
+const bundle = format => ({
+  input: 'src/index.ts',
+  output: {
+    file: `${name}.${ext(format)}`,
+    format: format == 'cjs' ? 'cjs' : 'es',
+    sourcemap: format != 'dts',
+  },
+  plugins: format == 'dts' ? [dts()] : [esbuild()],
+  external: id => !/^[./]/.test(id),
+})
+
+export default [
+  bundle('es'), //
+  bundle('cjs'),
+  bundle('dts'),
+]