Repl Webpack Boilerplates
eankeen (1962)

repl webpack boilerplates

so a while ago i created some repls that essentially consisted of boilerplate, mostly related to webpack and frontend development. i posted them here in case anyone would find them useful. i created them a while ago, some may contain packages and configuration sort of out of date :P

most people will probably find the vuejs boilerplate repl most useful because repl.it does not have a vue preset yet. it takes a while to start up, but because this is very similar (literally almost exactly the same) compared to what we get from vue-cli-3, it has all the hmr goodness for fast development.

using webpack for a web app

using webpack-dev-middleware with express

using webpack-dev-server directly

a bit faster than using webpack-dev-middleware with express

using webpack-cli

note that clicking 'run' or 'restart' in the repl user interface will not start your app. consequentially, when someone visits the final url, it will not load because the 'run' button does not do anything

using typescript in node

note that if you want a more generic typescript integration, you can select 'typescript' as a 'language' when creating a repl

You are viewing a single comment. View All
eankeen (1962)

@THEJOEMAN23 simplifying a bit, webpack is a build tool that enables you to bundle any source files you have into files that can directly be sent to browser clients. most of these repls are examples how to setup webpack to process your sources files. through webpack-dev-server, you are able to access the final bundle (and the web page, if there is one). for a way better exploration, i would look up 'module bundlers', 'build process', and 'task runners' for more information about this, and similar tools.