create wpapp -Download - create wpapp -Source -Code herunterladen

create wpapp

Website-Daten

1.0.0

Herunterladen

erstellen-wpapp

Steigern Sie Ihren Workflow mit einem einfachen und konfigurierbaren Webpack -Projektgenerator

Haftungsausschluss

Dies ist kein Ersatz für create-react-app ! Dies ist nur eine Möglichkeit, ein Webpack -Projekt mit grundlegender Konfiguration in Sekunden zu starten.

Warum?

Ein neues UI -Framework ist gerade herausgekommen, eine neue Bibliothek, ein neues Tool. Sie möchten es testen, müssen jedoch Webpack konfigurieren und viele Dinge installieren, um zu starten.

Es gibt viele Webpack -App -Generatoren, aber dieser wird Sie nicht zum Weinen bringen.

Wie create-react-app was fantastisch, aber sehr einfühlsam ist ... Haben Sie versucht, der Datei webpack.config.js etwas hinzuzufügen? Ich weiß ... Sie müssen alles eject , um dies zu tun.

Was ist, wenn ich nur meinen Code schreiben möchte, vielleicht ein Webpack -Plugin oder einen Loader hinzuzufügen, damit ich ihn in meinem Browser ausführen kann?

Sie möchten, dass babel Ihren ES6 -Code verwandelt? OK!
Sie möchten stattdessen TypeScript? OK!
Du willst react ? OK!
Sie möchten Ihre App mit CSS stylen? OK!
Sie möchten mit dem SCSS -Präprozessor zusammenarbeiten? OK!!!

Ich legte alle meine Meinungen beiseite und konzentrierte mich auf die Einfachheit und weiß was? Sie müssen nichts auswerfen, um etwas zu bearbeiten/hinzuzufügen/zu entfernen, damit Sie einfach mit dem Schreiben Ihres Codes beginnen können! Das ist - es!

Installieren?

npm install -g create-wpapp

Wie funktioniert es?

 $ 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

Dadurch wird in der folgenden Struktur ein Webpack -Projekt mit Dev Server HMR erstellt:

 /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

Führen Sie einfach npm start , um den Dev -Server zu starten.

Beitragen?

Nur Gabel, tun Sie, was Sie wollen, und erstellen Sie eine Pull -Anfrage.

Ausgabe?

Einfach öffnen.

Dieses Tool wird von Zeit zu Zeit weiterentwickelt ... Ich weiß, dass es sehr einfach ist, aber Tests und weitere Optionen werden zum Setup -Prozess hinzugefügt, sodass Sie in Ihrem toten einfachen Webpack -Projekt auswählen können (oder nicht), was Sie wollen!