lideo / js-playground-proto1

Yet another in-browser JS playground built on top of CodeMirror editor.

JS Playground Prototype #1

Yet another in-browser JS playground built on top of CodeMirror editor. This is work in progress so it doesn't do much yet.

Check out the demo.

Command list

Build for development:

npm run dev

Watch for changes and serve for development:

npm run watch

Build for production:

npm run prod

Plugins & packages

• html-webpack-plugin for creating HTML files to serve your bundles.
• mini-css-extract-plugin for extracting CSS into separate files. Works with webpack 4.
• webpack-cleanup-plugin for cleaning up the extraneous files from the webpack's output path.
• optimize-css-assets-webpack-plugin for optimizing / minimizing CSS assets.
• terser-webpack-plugin for minifying JavaScript.
• webpack-notifier for displaying build status system notifications to the user.
• browser-sync-webpack-plugin for browser testing (will run only in watch mode).

Loaders

HTML

• html-loader

JS

• babel-loader (with preset-env)

Sass

• css-loader
• postcss-loader (with autoprefixer)
• sass-loader

CSS

• css-loader
• postcss-loader (with autoprefixer)