ฉันจะสร้างหลายโปรเจ็กต์แชร์ไดเร็กทอรี node_modules ได้อย่างไร

เมื่อใดก็ตามที่ฉันสร้างโปรเจ็กต์ฉันต้องดาวน์โหลดการอ้างอิงทั้งหมดของโมดูลโหนด โดยไม่ต้องคัดลอก node_modules จะมีการแชร์ node_modules กลางในหลายโครงการหรือไม่

ดังต่อไปนี้ต้องเรียกใช้หลายคำสั่งทุกครั้ง ..

npm install gulp-usemin                                                                        
npm install gulp-wrap
npm install gulp-connect
npm install gulp-watch
npm install gulp-minify-css
npm install gulp-uglify
npm install gulp-concat
npm install gulp-less
npm install gulp-rename
npm install gulp-minify-html

คุณสามารถแชร์ไดเร็กทอรี node_modules ระหว่างโปรเจ็กต์ได้อย่างแน่นอน

จากเอกสารของโหนด :

หากตัวระบุโมดูลส่งผ่านไปยัง require () ไม่ใช่โมดูลดั้งเดิมและไม่ได้ขึ้นต้นด้วย '/', '../' หรือ './' โหนดจะเริ่มต้นที่ไดเร็กทอรีหลักของโมดูลปัจจุบันและเพิ่ม / node_modules และพยายามโหลดโมดูลจากตำแหน่งนั้น

หากไม่พบที่นั่นระบบจะย้ายไปยังไดเร็กทอรีพาเรนต์และอื่น ๆ จนกว่าจะถึงรูทของระบบไฟล์

ตัวอย่างเช่นหากไฟล์ที่ '/home/ry/projects/foo.js' เรียกว่าต้องใช้ ('bar.js') โหนดจะดูในตำแหน่งต่อไปนี้ตามลำดับนี้:

/home/ry/projects/node_modules/bar.js /home/ry/node_modules/bar.js /home/node_modules/bar.js /node_modules/bar.js

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

-myProjects
--node_modules
--myproject1
---sub-project
--myproject2

ดังนั้นสิ่งนี้แม้แต่การอ้างอิงของโปรเจ็กต์ย่อยของคุณก็สามารถวาดบนที่เก็บ node_modules หลักของคุณได้

ข้อเสียเปรียบอย่างหนึ่งในการทำเช่นนี้คือคุณจะต้องสร้างไฟล์ package.json ของคุณด้วยตนเอง (เว้นแต่จะมีใครรู้วิธีทำให้สิ่งนี้เป็นไปโดยอัตโนมัติด้วยคำรามหรืออะไรบางอย่าง) เมื่อคุณติดตั้งแพ็กเกจและเพิ่ม --save arg ลงในnpm installคำสั่งมันจะต่อท้ายโดยอัตโนมัติในส่วนการอ้างอิงหรือ package.json ของคุณซึ่งสะดวก

ฉันพบเคล็ดลับเพียงแค่ดูที่Symbolic Links (symlinks) บน Windows หรือ Linuxมันใช้งานได้เหมือนกับทางลัด แต่มีประสิทธิภาพมากกว่า

เพียงแค่คุณสร้างโฟลเดอร์Junctionของคุณnode_modulesได้ทุกที่ที่คุณต้องการ ทางแยกไม่ได้เป็นอะไรนอกจากทางลัดไปยังโฟลเดอร์ node_modules ดั้งเดิมของคุณ สร้างมันขึ้นมาในโฟลเดอร์โครงการของคุณที่ node_modules npm installที่เกิดขึ้นจริงจะได้รับการสร้างขึ้นถ้าใช้

เพื่อให้บรรลุสิ่งนี้คุณต้องมีnode_modulesโฟลเดอร์จริงอย่างน้อยหนึ่งโฟลเดอร์จากนั้นสร้างทางแยกไปยังโฟลเดอร์นั้นในโปรเจ็กต์อื่น ๆ

ใน Windows คุณสามารถใช้ Command Prompt หรือใช้แอปพลิเคชัน โดยใช้ Command Prompt ให้คุณนิดการควบคุมมากขึ้นโดยใช้โปรแกรมที่เป็นเรื่องง่ายที่ผมขอแนะนำให้เชื่อมโยงส่วนขยายเชลล์

ลองใช้pnpmแทน npm

pnpm ใช้ฮาร์ดลิงก์และซิมลิงค์เพื่อบันทึกเวอร์ชันหนึ่งของโมดูลเพียงครั้งเดียวบนดิสก์

ติดตั้งด้วย:

npm install -g pnpm

ในการอัปเดตการติดตั้งที่มีอยู่ของคุณ (และไดเรกทอรีย่อย) ให้ใช้:

pnpm recursive install

ไดเร็กทอรีหลักควรมีลักษณะดังนี้

node_modules
Project 1
Project 2
Project 3
Project 4

เพียงแค่เปิดไฟล์ Project 1/.angular-cli.json

เปลี่ยนสคีมา

"$schema": "./node_modules/@angular/cli/lib/config/schema.json",

ถึง

"$schema": "./../node_modules/@angular/cli/lib/config/schema.json"

และอย่าลืมสร้างnode_modulesโฟลเดอร์ว่างภายในไดเรกทอรีโครงการของคุณ

จากการดูบทความบางบทความดูเหมือนว่าLerna เป็นเครื่องมือที่ดีสำหรับการจัดการหลายโครงการภายในไดเรกทอรีเดียว ( monorepo) สนับสนุนการแชร์โมดูลโดยไม่ต้องทำซ้ำแพ็คเกจทั้งหมดในทุกโฟลเดอร์และคำสั่งเพื่อติดตั้งในหลายโครงการ

• Javascript monorepos
• Monorepos ตามตัวอย่าง
• การสร้างแอปขนาดใหญ่ในรูปแบบ monorepo

นอกจากนี้pnpmยังเป็นเครื่องมือที่ใช้งานง่ายและมีประสิทธิภาพซึ่งจะไม่ทำซ้ำโมดูลที่ติดตั้งไว้สำหรับโครงการอื่น

สมมติว่าการมี node_modules เดียวควรมีแพ็คเกจทั้งหมดสำหรับแอปพลิเคชันทั้งหมด ดังนั้นแอปของคุณจะแชร์รายการ package.json ที่ไม่ซ้ำกันส่วนใหญ่ (ควรเปลี่ยนชื่อเท่านั้น)

ความคิดของฉันคือการมีรูทเดียวและหลายระดับ src ด้านล่าง

root\package.json
root\node_modules
root\\..
root\app1\src\\..
root\app2\src\\..

ปัญหาเดียวที่คุณอาจประสบคือการสำรองข้อมูล json (หรือ tsconfig) สำหรับแอปใด ๆ และเรียกคืนเมื่อคุณทำงานหรือตั้งค่าสคริปต์เริ่มต้นเพื่อให้บริการแอปใด ๆ

ดูการสนับสนุนของ npm v7.0.0 สำหรับพื้นที่ทำงาน

https://github.com/npm/rfcs/blob/latest/implemented/0026-workspaces.md