debundle

debundle

นี่คือเครื่องมือที่สร้างขึ้นเพื่อแกะ JavaScript Bundles Prudiced โดย Webpack และ Browserify

---

- นี่คือมังกร! -

นี่เป็นโครงการวิจัยที่ ไม่ได้รับการดูแลอีกต่อไป ฉันสร้างขึ้นเพื่อช่วยให้ฉันเข้าใจว่าการรวมกลุ่มของ JavaScript นั้นมีการดูแล มันทำงานในสภาพแวดล้อม labratory เกือบตลอดเวลา แต่มักจะล้มเหลวในการรวมกลุ่ม JavaScript ในโลกแห่งความเป็นจริง เป็นเวลานานแล้วที่ฉันทำงานในโครงการนี้ดังนั้นหากคุณพบปัญหาฉันอาจไม่สามารถช่วยเหลือคุณได้มากนัก

---

ทำไมฉันถึงต้องการ debundle รหัสของฉัน?

เหตุผลแตกต่างกันไป แต่เครื่องมือนี้ได้รับการพัฒนาเพื่อช่วยฉันในโครงการวิศวกรรมย้อนกลับ ไม่จำเป็นต้องพูดการกลั่นกรองผ่านชุดรวมที่เล็กเพื่อลองและหาวิธีการทำงานของบริการไม่สนุกและง่ายขึ้นมากเมื่อชุดนั้นแบ่งออกเป็นไฟล์และไฟล์เหล่านั้นมีชื่อความหมาย

การติดตั้ง

 npm i -g debundle

วิ่ง

$ debundle
Usage: debundle [input file] {OPTIONS}

Options:
   --input,  -i  Bundle to debundle
   --output, -o  Directory to debundle code into.
   --config, -c  Configuration file

$ curl https://raw.githubusercontent.com/1egoman/debundle/master/test_bundles/browserify/bundle.js > bundle.js
$ curl https://raw.githubusercontent.com/1egoman/debundle/master/test_bundles/browserify/debundle.config.json > debundle.config.json
$ cat debundle.config.json
{
  " type " : " browserify " ,
  " knownPaths " : {}
}
$ debundle -i bundle.js -o dist/ -c debundle.config.json
$ tree dist/
dist/
├── index.js
└── node_modules
    ├── number
    │   └── index.js
    └── uuid
        ├── index.js
        ├── lib
        │   ├── bytesToUuid.js
        │   └── rng.js
        ├── v1.js
        └── v4.js
4 directories, 7 files

การกำหนดค่า

การกำหนดค่าอย่างง่าย

 {
  "type": "browserify",
  "entryPoint": 1,
  "knownPaths": {}
}

(หากต้องการ debundle ชุด webpack ง่าย ๆ ให้แทนที่ browserify ให้การกำหนดค่าข้างต้นด้วย webpack )

การกำหนดค่าสามารถมีจำนวนของธง - มีการบันทึกไว้ในเอกสาร MD

คำถามที่พบบ่อย

debundling lossless หรือไม่? เช่นถ้าฉันรวมรหัสของฉันแล้ว debundle ฉันจะได้รับแหล่งข้อมูลเดียวกันกับที่มารวมกันหรือไม่?

ไม่ได้มีเมตาดาต้าพวงที่หายไปเมื่อรวมกัน:

• package.json ที่กำหนดเองใด ๆ การตั้งค่า json สำหรับแต่ละ node_module และแพ็คเกจรูท
• ในชุด Webpack ชื่อของโมดูลไม่ได้อยู่ในชุด โดยค่าเริ่มต้น Debundling จะสร้างไฟล์ที่ตั้งชื่อตามรหัสโมดูล (เช่น 1.js ) เว้นแต่จะถูกแทนที่ด้วยตนเอง
• หากรหัสของคุณลดลงไฟล์เอาต์พุตจากกระบวนการ debundling จะลดลง (เช่นไม่มีช่องว่างตัวแปรตัวอักษรตัวเดียว ฯลฯ ) มันขึ้นอยู่กับคุณที่จะเรียกใช้แหล่งที่มาผ่านเครื่องมืออื่น ๆ เพื่อให้ดูดีขึ้น

รหัส debundled ของฉันไม่สามารถเรียกใช้ได้!

• ตรวจสอบให้แน่ใจว่าเมื่อรีเบนด์หรือรันกับโหนดที่คุณใช้ไฟล์ที่ถูกต้องเป็นจุดเข้าใช้งานของคุณ
• อ่านตัวเลือกการกำหนดค่าทั้งหมด บางคนมีข้อแม้
• คุณอาจพบกับเคสขอบที่ฉันยังไม่เคยเห็น อย่าลังเลที่จะเปิดปัญหาหากคุณเชื่อว่าเป็นอย่างนั้น

เครื่องมือนี้รองรับการรวมกลุ่มของเครื่องมืออื่นที่ไม่ใช่เบราว์เซอร์และ webpack หรือไม่?

ไม่เป็นทางการ อย่างไรก็ตามหากชุดรวมแชร์เค้าโครงโมดูลประเภทเดียวกันกับเบราว์เซอร์หรือ webpack อาจเป็นไปได้ที่จะตั้งค่าตัวเลือกการกำหนดค่าโมดูลเพื่อชี้ไปที่ตำแหน่งของโมดูล

การบริจาค

• หลังจากโคลนนิ่งลงโครงการให้เรียกใช้ npm install - นั่นควรจะเป็น
• จุดเริ่มต้นของ Debundler คือ ./src/index.js (นั่นคือวิธีที่คุณเรียกใช้!)
• กลุ่มตัวอย่างมีอยู่ใน test_bundles/ สคริปต์ test_bundles/run_test.sh สามารถเรียกใช้ debundler กับชุดที่กำหนดและพยายาม debundle เป็น dist/ (CI จะเป็นส่วนหนึ่งของการทดสอบการรวมกลุ่มทั้งหมดในโฟลเดอร์นั้น)
• ตรวจสอบให้แน่ใจว่าการมีส่วนร่วมใด ๆ ผ่านการทดสอบ: npm test

บันทึกทางกฎหมาย

บริษัท บางแห่งระบุในข้อกำหนดในการให้บริการของพวกเขาว่ารหัสของพวกเขาไม่สามารถ "ย้อนกลับทางวิศวกรรม" Debundling สามารถแน่นอน (ขึ้นอยู่กับว่าคุณใช้รหัส) ตกอยู่ภายใต้ร่มนั้น เข้าใจสิ่งที่คุณกำลังทำอยู่คุณไม่ได้ทำข้อตกลงใด ๆ ?