https://github.com/dimzerdevas/bundlers-babel-examples
https://github.com/dimzerdevas/bundlers-babel-examples
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/dimzerdevas/bundlers-babel-examples
- Owner: dimzerdevas
- Created: 2024-03-22T13:50:27.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-28T12:07:23.000Z (over 1 year ago)
- Last Synced: 2025-01-20T16:17:18.638Z (over 1 year ago)
- Language: JavaScript
- Size: 165 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Webpack and Rollup Examples
===========================
This repository contains examples demonstrating how to use Webpack and Rollup for bundling and optimizing JavaScript code. These examples are part of a presentation on build tools and module bundlers.
Contents
--------
1. Webpack Example:
- The `webpack` folder contains a simple project demonstrating how to set up Webpack.
- It includes an entry point (`src/index.js`), a basic configuration (`webpack.config.js`), and an `index.html` file.
- To run the example:
```
cd webpack
npm run bundle
npm start
```
2. Rollup Example:
- The `rollup` folder showcases Rollup usage.
- It includes an entry point (`src/index.js`) and a Rollup configuration (`rollup.config.js`).
- To run the example:
```
cd rollup
npm run bundle
```
- Open ` index.html ` to see the result.
3. Babel Example:
- The `babel` folder showcases Rollup usage.
- It includes an entry point (`src/index.js`) and a Babel configuration (`.babelrc`).
- To run the example:
```
cd babel
npm run transpile
```
- See the file generated in `dist/bundle.js`