All Projects → Marvin1003 → webpack-installer

Marvin1003 / webpack-installer

Licence: other
CLI to easily install webpack boilerplates.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to webpack-installer

laravel-vue-boilerplate
Laravel Vue SPA Sanctum
Stars: ✭ 37 (+208.33%)
Mutual labels:  boilerplates
express-mongo-jwt-boilerplate
Express Mongo JsonWebToken boilerplate
Stars: ✭ 100 (+733.33%)
Mutual labels:  boilerplates
next-boilerplate
☶ The easiest way to create a Next app by running one command.
Stars: ✭ 65 (+441.67%)
Mutual labels:  boilerplates
React Native Boilerplate
A React Native template for building solid applications 🐙, using JavaScript 💛 or Typescript 💙 (you choose).
Stars: ✭ 2,669 (+22141.67%)
Mutual labels:  boilerplates
RSSR
React Server Side Rendering boilerplate with Authentication structure
Stars: ✭ 41 (+241.67%)
Mutual labels:  boilerplates

webpack-installer

npm dependencies code style: prettier

webpack-installer lets you easily bootstrap a project with a webpack boilerplate of your choice.

Installation

npm install -g webpack-installer

Usage

Just type webpack-installer in the root directory of your project. You can either start a fresh project with webpack-installer or update an existing one with a webpack boilerplate.

IDE Screen 1 IDE Screen 2 IDE Screen 3 IDE Screen 4 IDE Screen 5 IDE Screen 6 IDE Screen 7

How can I add my boilerplate?

First of all thank you for considering adding a boilerplate! Together we can create a huge collection of boilerplates for various of situations and setups.

Step 1

Take a look at installer/files.json. In this example we add a boilerplate to the vanilla boilerplates. The structure of files.json represents the hierarchy of the installer menu, so add an object at the place where you want your boilerplate to be displayed in the installer. The key has to be the name of your boilerplate. You can define the devDependencies and dependencies of your boilerplate here. Those will get automatically installed in the generation process of your boilerplate.

files.json

Step 2

Then you have to take a look at installer/setup.json. This file is responsible for making your boilerplate visible in the CLI. Its the same as in the files.json file. The structure represents the hierarchy of the installer. You have to add an object at the right place with to keys: input and nested. In the input key you have to put the name of your boilerplate that you also used in the files.json. In the nested key you could create another subtree for boilerplates, but in this case we dont want that so just assign an empty array.

setup.json

Step 3

Your almost done! Now you only have to add your boilerplate files to configs/boilerplates/. Same as usual, include it at the right place, like in the files.json and setup.json. In this case we want the boilerplate to be under configs/boilerplates/vanilla/. Keep in mind the folder name of your boilerplate has to be inline with names you provided in the other configuration files.

Boilerplate

Thanks to the @TheLarkInn for inspiring and motivating me to this project with his awesome webpack courses.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].