Skip to content

Latest commit

 

History

History
22 lines (18 loc) · 1.15 KB

README.md

File metadata and controls

22 lines (18 loc) · 1.15 KB

js-plugin-starter-kit

VanillaJS (pure JavaScript) plugin starter with Webpack 4 and Babel 7.

Clone this repository

git clone -b webpack-4-babel-7 https://github.com/thatisuday/js-plugin-starter.git [dest]

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 start 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 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 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.