From 3f7994673979a2f9db2e0a079dcd138d6a7eb0b5 Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:19:25 +0100 Subject: [PATCH 01/11] update dependencies --- package.json | 12 ++++++------ rollup.config.js | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 7008aa5..258e3d4 100644 --- a/package.json +++ b/package.json @@ -1,15 +1,15 @@ { "name": "rollup-starter-app", "devDependencies": { - "@rollup/plugin-commonjs": "^17.0.0", - "@rollup/plugin-node-resolve": "^11.1.0", + "@rollup/plugin-commonjs": "^24.0.0", + "@rollup/plugin-node-resolve": "^15.0.1", + "@rollup/plugin-terser": "^0.2.1", "npm-run-all": "^4.1.5", - "rollup": "^2.36.2", - "rollup-plugin-terser": "^7.0.2", - "serve": "^11.3.2" + "rollup": "^3.8.1", + "serve": "^14.1.2" }, "dependencies": { - "date-fns": "^2.16.1" + "date-fns": "^2.29.3" }, "scripts": { "build": "rollup -c", diff --git a/rollup.config.js b/rollup.config.js index ca3870c..24cb75e 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -1,6 +1,6 @@ import resolve from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; -import { terser } from 'rollup-plugin-terser'; +import terser from '@rollup/plugin-terser'; // `npm run build` -> `production` is true // `npm run dev` -> `production` is false From ff1c802c2e8765eece61cfc0a61722519493f4a1 Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:22:17 +0100 Subject: [PATCH 02/11] version --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 258e3d4..52e2587 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,6 @@ { "name": "rollup-starter-app", + "version": "0.0.0", "devDependencies": { "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", From 300dcb43b332208e085643b18f09878991d6fddd Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:22:33 +0100 Subject: [PATCH 03/11] type module --- package.json | 1 + 1 file changed, 1 insertion(+) diff --git a/package.json b/package.json index 52e2587..46ac6c8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,7 @@ { "name": "rollup-starter-app", "version": "0.0.0", + "type": "module", "devDependencies": { "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", From aac246b1add3a6478d3200e8f375aa84c67ad5f2 Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:24:59 +0100 Subject: [PATCH 04/11] watch.clearScreen: false --- rollup.config.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/rollup.config.js b/rollup.config.js index 24cb75e..57bda1b 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -17,5 +17,8 @@ export default { resolve(), // tells Rollup how to find date-fns in node_modules commonjs(), // converts date-fns to ES modules production && terser() // minify, but only in production - ] + ], + watch: { + clearScreen: false, + }, }; From 34415ffbb48fe3d043e88f7406e0d6430973b247 Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:28:56 +0100 Subject: [PATCH 05/11] output.format: es --- rollup.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/rollup.config.js b/rollup.config.js index 57bda1b..3717d31 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -10,7 +10,7 @@ export default { input: 'src/main.js', output: { file: 'public/bundle.js', - format: 'iife', // immediately-invoked function expression — suitable for - - \ No newline at end of file + + + +

rollup-starter-app

+

The time is ...

+ + + diff --git a/rollup.config.js b/rollup.config.js index 3717d31..1755256 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -1,24 +1,24 @@ -import resolve from '@rollup/plugin-node-resolve'; -import commonjs from '@rollup/plugin-commonjs'; -import terser from '@rollup/plugin-terser'; +import resolve from "@rollup/plugin-node-resolve"; +import commonjs from "@rollup/plugin-commonjs"; +import terser from "@rollup/plugin-terser"; // `npm run build` -> `production` is true // `npm run dev` -> `production` is false const production = !process.env.ROLLUP_WATCH; export default { - input: 'src/main.js', - output: { - file: 'public/bundle.js', - format: 'es', // ESM - sourcemap: true - }, - plugins: [ - resolve(), // tells Rollup how to find date-fns in node_modules - commonjs(), // converts date-fns to ES modules - production && terser() // minify, but only in production - ], - watch: { - clearScreen: false, - }, + input: "src/main.js", + output: { + file: "public/bundle.js", + format: "es", // ESM + sourcemap: true, + }, + plugins: [ + resolve(), // tells Rollup how to find date-fns in node_modules + commonjs(), // converts date-fns to ES modules + production && terser(), // minify, but only in production + ], + watch: { + clearScreen: false, + }, }; diff --git a/src/main.js b/src/main.js index f70bbf9..b5b98d6 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,9 @@ -import update from './update.js'; +import update from "./update.js"; // even though Rollup is bundling all your files together, errors and // logs will still point to your original source modules -console.log('if you have sourcemaps enabled in your devtools, click on main.js:5 -->'); +console.log( + "if you have sourcemaps enabled in your devtools, click on main.js:5 -->" +); -update(); \ No newline at end of file +update(); diff --git a/src/update.js b/src/update.js index f1512a6..3c2180b 100644 --- a/src/update.js +++ b/src/update.js @@ -1,8 +1,8 @@ -import format from 'date-fns/format'; +import format from "date-fns/format"; -var span = document.querySelector('#time-now'); +var span = document.querySelector("#time-now"); export default function update() { - span.textContent = format(new Date(), 'h:mm:ssa'); - setTimeout(update, 1000); + span.textContent = format(new Date(), "h:mm:ssa"); + setTimeout(update, 1000); } From b240128437c5dbc704455c26f25e859544adf630 Mon Sep 17 00:00:00 2001 From: Milan Hauth Date: Mon, 26 Dec 2022 09:49:24 +0100 Subject: [PATCH 11/11] add jsconfig.json --- jsconfig.json | 15 +++++++++++++++ package.json | 1 + 2 files changed, 16 insertions(+) create mode 100644 jsconfig.json diff --git a/jsconfig.json b/jsconfig.json new file mode 100644 index 0000000..145e70c --- /dev/null +++ b/jsconfig.json @@ -0,0 +1,15 @@ +{ + "compilerOptions": { + "module": "ESNext", + "moduleResolution": "Node", + "target": "ES2020", + "jsx": "react", + "strictNullChecks": true, + "strictFunctionTypes": true, + "checkJs": true, + }, + "exclude": [ + "node_modules", + "**/node_modules/*", + ] +} diff --git a/package.json b/package.json index 5a7f9fa..22276aa 100644 --- a/package.json +++ b/package.json @@ -6,6 +6,7 @@ "@rollup/plugin-commonjs": "^24.0.0", "@rollup/plugin-node-resolve": "^15.0.1", "@rollup/plugin-terser": "^0.2.1", + "@types/node": "^18.11.17", "npm-run-all": "^4.1.5", "prettier": "^2.8.1", "rollup": "^3.8.1",