create wpapp - create wpapp

create wpapp

Data situs web

1.0.0

Unduh

create-wpapp

Tingkatkan alur kerja Anda dengan generator proyek webpack yang sederhana dan dapat dikonfigurasi

Penafian

Ini bukan pengganti untuk create-react-app dengan cara apa pun! Ini hanya cara untuk memulai proyek webpack dengan konfigurasi dasar dalam hitungan detik.

Mengapa?

Kerangka kerja UI baru baru saja keluar, perpustakaan baru, alat baru .. Anda ingin mengujinya tetapi Anda perlu mengkonfigurasi webpack dan menginstal banyak barang untuk memulai ..?

Ada banyak generator aplikasi webpack, tetapi yang ini tidak akan membuat Anda menangis.

Seperti create-react-app yang luar biasa tetapi sangat pendapat ... Sudahkah Anda mencoba menambahkan sesuatu ke file webpack.config.js ? Saya tahu ... Anda harus eject semuanya untuk melakukannya.

Bagaimana jika yang ingin saya lakukan hanyalah menulis kode saya, mungkin menambahkan plugin webpack atau loader sehingga saya dapat menjalankannya di browser saya?

Anda ingin babel mengubah kode ES6 Anda? OKE!
Anda ingin naskah sebagai gantinya? OKE!
Anda ingin react ? OKE!
Anda ingin menata aplikasi Anda dengan CSS? OKE!
Anda ingin bekerja dengan preprocessor SCSS? OKE!!!

Saya mengesampingkan semua pendapat saya dan fokus pada kesederhanaan, dan coba tebak? Anda tidak perlu mengeluarkan apa pun untuk mengedit/menambahkan/menghapus sesuatu sehingga Anda bisa mulai menulis kode Anda! Itu - itu!

Memasang?

npm install -g create-wpapp

Bagaimana cara kerjanya?

 $ 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

Ini akan membuat proyek webpack dengan Dev Server HMR dalam struktur berikut:

 /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

Cukup jalankan npm start untuk memulai server dev.

Menyumbang?

Just Fork, lakukan apa yang Anda inginkan dan buat permintaan tarik.

Masalah?

Buka saja satu.

Alat ini akan berkembang dari waktu ke waktu ... Saya tahu ini sangat sederhana tetapi tes dan lebih banyak opsi akan ditambahkan ke proses pengaturan sehingga Anda dapat memilih (atau tidak) apa yang Anda inginkan dalam proyek webpack sederhana Anda!