create wpapp

create-wpapp

Boostez votre flux de travail avec un générateur de projet WebPack simple et configurable

Clause de non-responsabilité

Ce n'est pas un remplacement pour create-react-app par tous les moyens! C'est juste un moyen de démarrer un projet WebPack avec une configuration de base en secondes.

Pourquoi?

Un nouveau framework d'interface utilisateur vient de sortir, une nouvelle bibliothèque, un nouvel outil .. vous souhaitez le tester mais vous devez configurer WebPack et installer beaucoup de choses pour démarrer ..?

Il y a beaucoup de générateurs d'applications WebPack, mais celui-ci ne vous fera pas pleurer.

Comme create-react-app qui est génial mais très opiniâtre ... Avez-vous essayé d'ajouter quelque chose au fichier webpack.config.js ? Je sais ... vous devez tout eject pour le faire.

Et si tout ce que je veux faire est d'écrire mon code, peut-être d'ajouter un plugin WebPack ou un chargeur pour que je puisse l'exécuter dans mon navigateur?

• Vous voulez que babel transforme votre code ES6? D'ACCORD!
• Vous voulez plutôt TypeScript? D'ACCORD!
• Vous voulez react ? D'ACCORD!
• Vous souhaitez styliser votre application avec CSS? D'ACCORD!
• Vous voulez travailler avec le préprocesseur SCSS? D'ACCORD!!!

J'ai mis toutes mes opinions de côté et me suis concentré sur la simplicité, et devine quoi? Vous n'avez pas besoin d'éjecter quoi que ce soit pour modifier / ajouter / supprimer quelque chose afin que vous puissiez simplement commencer à écrire votre code! C'EST ÇA!

Installer?

npm install -g create-wpapp

Comment ça marche?

 $ mkdir project
$ cd project
$ create-wpapp

? What is your app name? webpack-starter
? Select dev server port: 3001
? Choose app type: TypeScript
? Are you going to use React in your app? Yes
? Are you going to use css in your app? Yes
? Do you want to use SCSS preprocessor? Yes
? What is your name? Udi Talias
? What is your email? [email protected]
Creating a new webpack app in /Users/udidu/project...
...
All Done.
Run npm start to start the dev server

Cela créera un projet WebPack avec le serveur de développement HMR dans la structure suivante:

 /project
    |- node_modules
    |- src
        |- style
            |- main.{css,scss}      // Based on your selection
        |- app.{js,ts,tsx}          // Based on your selection
    |- views
        |- index.html
    |- .gitignore
    |- package.json
    |- webpack.config.js
    |- tsconfig.json                // For a TypeScript project

Exécutez simplement npm start pour démarrer le serveur de développement.

Contribuer?

Juste à fourche, faites ce que vous voulez et créez une demande de traction.

Problème?

Ouvrez-en un.

Cet outil évoluera de temps en temps ... Je sais que c'est très simple, mais des tests et plus d'options seront ajoutés au processus de configuration afin que vous puissiez choisir (ou non) ce que vous voulez dans votre projet WebPack Dead Simple!

---

Licence

Licencié sous la licence MIT (en gros - faites tout ce que vous voulez une licence). Voir la licence pour plus de détails.