Files
portfolio/ts/rollup.config.mjs
Mohammad Hariri 5070f591d3 feat: animations, responsive design
Animations
- added opacity animation for experience page
- added stagger animation for navbar items on mobile
- added animation for landing page for years and language indications

Pages
- About Page mockup

Redesign
- Navbar to include icons on desktop
2025-02-21 00:07:25 +01:00

41 lines
936 B
JavaScript

import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import terser from "@rollup/plugin-terser";
const parseConfig = (input) => ({
input: `src/${input}`,
output: {
file: `../assets/js/${input.slice(0, input.length - 3)}.js`,
format: "iife", // Changed from 'cjs' to 'iife' for browser use
name: "navigation",
extend: true,
sourcemap: true,
},
plugins: [
resolve({
browser: true,
preferBuiltins: false,
}),
commonjs({
include: /node_modules/,
transformMixedEsModules: true,
}),
typescript({
include: ["./src/types.d.ts"],
tsconfig: "./tsconfig.json",
}),
terser({
format: {
comments: false,
},
}),
],
});
export default [
parseConfig("navigation.ts"),
parseConfig("landing.ts"),
parseConfig("experiences.ts"),
];