https://github.com/seeratawan01/js-plugin-boilerplate
VanillaJS (pure JavaScript) plugin starter with Webpack 4 and Babel 7.
https://github.com/seeratawan01/js-plugin-boilerplate
babel7 boilerplate boilerplate-template es6 javascript plugin plugin-creation plugin-creation-basic starter-kit webpack webpack4
Last synced: about 2 months ago
JSON representation
VanillaJS (pure JavaScript) plugin starter with Webpack 4 and Babel 7.
- Host: GitHub
- URL: https://github.com/seeratawan01/js-plugin-boilerplate
- Owner: seeratawan01
- Created: 2020-06-27T10:04:05.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-08-05T05:29:08.000Z (almost 4 years ago)
- Last Synced: 2025-10-29T16:44:44.286Z (8 months ago)
- Topics: babel7, boilerplate, boilerplate-template, es6, javascript, plugin, plugin-creation, plugin-creation-basic, starter-kit, webpack, webpack4
- Language: JavaScript
- Homepage:
- Size: 429 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VanillaJS (_pure JavaScript_) plugin Boilerplate
VanillaJS (_pure JavaScript_) plugin starter with **Webpack 5** and **Babel 7**.
> Here, `dest` is your destination directory in which the boilerplate code will be copied.
# Instructions
- Use `npm install` command to install dependencies.
- Execute command `npm run serve` to run webpack development server and top open preview in the browser.
- Execute command `npm run build` to create plugin distribution files in the `dist` directory.
- Tweak configuration inside `config` folder if necessary.
- Configure plugin API using [**this**](https://webpack.js.org/configuration/output/) documentation.
# React.js plugin development
- Install **React preset** using `npm i -D @babel/preset-react` command.
- Update `babel.config.js` file with this new preset. Follow [**these**](https://babeljs.io/docs/en/babel-preset-react) instructions.
- Update `/\.js$/` with `/\.jsx?$/` inside `webpack.config.js` to compile JavaScript files with `.jsx` extensions.
- Install React and ReactDOM using `npm i -S react react-dom` command.