หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

สร้าง wpapp

เพิ่มเวิร์กโฟลว์ของคุณด้วยตัวสร้างโครงการ WebPack ที่ง่ายและกำหนดค่าได้

คำเตือน

นี่ไม่ใช่การทดแทนสำหรับ create-react-app ด้วยวิธีใด ๆ ! เป็นเพียงวิธีการเริ่มต้นโครงการ WebPack ด้วยการกำหนดค่าพื้นฐานในไม่กี่วินาที

ทำไม

เฟรมเวิร์ก UI ใหม่เพิ่งออกมาห้องสมุดใหม่เครื่องมือใหม่ .. คุณต้องการทดสอบ แต่คุณต้องกำหนดค่า webpack และติดตั้งสิ่งของมากมายเพื่อเริ่มต้น .. ?

มีเครื่องกำเนิดแอพเว็บแพ็คจำนวนมาก แต่อันนี้จะไม่ทำให้คุณร้องไห้

เช่นเดียวกับ create-react-app ซึ่งยอดเยี่ยม แต่มีความเห็นมาก ... คุณได้ลองเพิ่มบางอย่างลงในไฟล์ webpack.config.js หรือไม่? ฉันรู้ว่า ... คุณต้อง eject ทุกอย่างเพื่อที่จะทำเช่นนั้น

ถ้าสิ่งที่ฉันต้องการทำก็แค่เขียนรหัสของฉันอาจเพิ่มปลั๊กอิน Webpack หรือตัวโหลดเพื่อให้ฉันสามารถเรียกใช้ในเบราว์เซอร์ของฉันได้

  • คุณต้องการให้ babel เปลี่ยนรหัส ES6 ของคุณหรือไม่? ตกลง!
  • คุณต้องการ typescript แทน? ตกลง!
  • คุณต้องการ react ? ตกลง!
  • คุณต้องการจัดสไตล์แอปของคุณด้วย CSS หรือไม่? ตกลง!
  • คุณต้องการทำงานกับตัวประมวลผล preprocessor หรือไม่? ตกลง!!!

ฉันใส่ความคิดเห็นทั้งหมดของฉันออกไปและมุ่งเน้นไปที่ความเรียบง่ายและเดาอะไร? คุณไม่จำเป็นต้องส่งอะไรออกไปเพื่อแก้ไข/เพิ่ม/ลบบางสิ่งบางอย่างเพื่อให้คุณสามารถเริ่มเขียนรหัสของคุณได้! นั่น - มัน!

ติดตั้ง?

npm install -g create-wpapp

มันทำงานอย่างไร? 

 $ 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

สิ่งนี้จะสร้างโครงการ webpack กับ Dev Server HMR ในโครงสร้างต่อไปนี้: 

 /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

เพียงเรียกใช้ npm start เพื่อเริ่มเซิร์ฟเวอร์ dev

มีส่วนช่วย?

เพียงแค่ทำในสิ่งที่คุณต้องการและสร้างคำขอดึง

ปัญหา?

เพียงแค่เปิด

เครื่องมือนี้จะพัฒนาเป็นครั้งคราว ... ฉันรู้ว่ามันง่ายมาก แต่การทดสอบและตัวเลือกอื่น ๆ จะถูกเพิ่มลงในกระบวนการตั้งค่าเพื่อให้คุณสามารถเลือก (หรือไม่) สิ่งที่คุณต้องการใน โครงการ Webpack ที่ตายแล้วอย่างง่าย!

ใบอนุญาต

ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT (โดยทั่วไป - ทำทุกอย่างที่คุณต้องการใบอนุญาต) ดูใบอนุญาตสำหรับรายละเอียดเพิ่มเติม

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด