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.
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
@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.
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-middlewarewith expresshttps://repl.it/@eankeen/webpack-babel-vue-boilerplate-express
using
webpack-dev-serverdirectlya bit faster than using
webpack-dev-middlewarewith expresshttps://repl.it/@eankeen/webpack-babel-boilerplate-webpack-dev-server
https://repl.it/@eankeen/webpack-babel-react-boilerpate-webpack-dev-server
using
webpack-clinote 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
ts-node: https://repl.it/@eankeen/node-ts-node-typescript-boilerplatewith
@babel/register: https://repl.it/@eankeen/node-babel-typescript-boilerplateWut dis?
@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.