การใช้ Yarn เพื่อจัดการแพ็คเกจ Node.js ใน ServBay

ServBay เป็นสภาพแวดล้อมสำหรับพัฒนาเว็บแบบโลคัลที่ทรงพลัง และมีการติดตั้ง Node.js มาไว้ในตัวอยู่แล้ว Yarn เป็นเครื่องมือจัดการแพ็คเกจที่ถูกพัฒนาโดย Facebook มีความเร็ว ปลอดภัย และเชื่อถือได้ ใช้ลักษณะเดียวกับ npm แต่โดดเด่นด้วยความเร็วในการติดตั้ง dependency การรองรับการทำงานแบบออฟไลน์ และการแก้ไข dependency ที่แม่นยำกว่า การใช้ Yarn ในสภาพแวดล้อม Node.js ของ ServBay จะช่วยให้นักพัฒนาบริหารจัดการ dependencies ของโปรเจกต์ได้อย่างมีประสิทธิภาพยิ่งขึ้น

ข้อกำหนดเบื้องต้น

ก่อนใช้งาน Yarn กรุณาตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งและเปิดใช้งานแพ็คเกจ Node.js ใน ServBay แล้ว ฟีเจอร์จัดการแพ็คเกจของ ServBay อนุญาตให้คุณติดตั้งและสลับเวอร์ชันของ Node.js ได้อย่างง่ายดาย

การติดตั้งและเปิดใช้งาน Yarn

โดยปกติ แพ็คเกจ Node.js ที่ติดตั้งผ่าน ServBay จะมาพร้อมกับ Corepack ซึ่งเป็นเครื่องมือ experimental สำหรับ Node.js ที่ใช้ในการจัดการและแจกจ่ายแพ็คเกจแมนเนเจอร์ (เช่น npm, Yarn, pnpm) Corepack นี้มักจะช่วยให้คุณใช้งานคำสั่ง yarn ได้ทันที และจะแนะนำให้ติดตั้งเวอร์ชันที่เหมาะสมของ Yarn หากจำเป็น

ตรวจสอบการติดตั้ง Yarn

ก่อนเริ่มใช้งาน Yarn ควรตรวจสอบก่อนว่า Yarn พร้อมใช้งานในสภาพแวดล้อม ServBay ของคุณหรือยัง ให้เปิด Terminal แล้วพิมพ์คำสั่งนี้เพื่อตรวจสอบเวอร์ชันของ Yarn:

yarn -v

หาก Yarn ถูกติดตั้งไว้แล้วและอยู่ใน PATH ของระบบ คุณจะเห็นผลลัพธ์เป็นหมายเลขเวอร์ชันคล้ายด้านล่างนี้:

1.22.19

หรือเป็นเวอร์ชันที่ใหม่กว่านี้

การติดตั้งหรืออัปเดต Yarn ด้วย Corepack

เมื่อคุณรันคำสั่ง yarn เป็นครั้งแรก ถ้า Corepack ตรวจพบว่าต้องติดตั้งเวอร์ชันเฉพาะของ Yarn อาจมีข้อความเตือนแสดงดังนี้:

$ yarn -v
! Corepack is about to download https://registry.yarnpkg.com/yarn/-/yarn-1.22.22.tgz
? Do you want to continue? [Y/n]

นี่คือการที่ Corepack สอบถามคุณว่าต้องการดาวน์โหลดและติดตั้ง Yarn เวอร์ชันที่กำหนดหรือไม่ กรุณาพิมพ์ Y แล้วกด Enter เพื่อดำเนินการต่อ หลังจากติดตั้งเสร็จสิ้น Corepack จะใช้งาน Yarn เวอร์ชันที่ดาวน์โหลดมาและแสดงหมายเลขเวอร์ชันของมัน:

1.22.22

การติดตั้งหรืออัปเดต Yarn ด้วย npm (ติดตั้งเอง)

หากไม่เห็นข้อความแจ้งจาก Corepack หรือคุณต้องการติดตั้ง/อัปเดต Yarn ทั่วระบบเราสามารถใช้ npm ในการติดตั้งแบบ manual ได้ ด้วยคำสั่ง:

npm install -g yarn

คำสั่งนี้จะใช้ npm ที่ติดตั้งแบบ global เพื่อติดตั้งหรืออัปเดต Yarn ให้ใช้ทั่วทั้งระบบ

หลังติดตั้งหรืออัปเดตเสร็จ ควรตรวจสอบเวอร์ชัน Yarn อีกครั้งว่าใช้งานได้ถูกต้อง:

yarn -v

หลังดำเนินการตามขั้นตอนด้านบน Yarn ของคุณจะถูกติดตั้งและอัปเดตเป็นเวอร์ชันล่าสุด สามารถใช้งานในสภาพแวดล้อม ServBay ได้เรียบร้อย

ข้อดีและวิธีใช้งานหลักของ Yarn

ข้อดีสำคัญของ Yarn ได้แก่การติดตั้ง dependencies ได้อย่างรวดเร็ว, ทำงานแบบออฟไลน์ได้ดี และแก้ไข dependencies อย่างแม่นยำ ต่อไปนี้คือตัวอย่างคำสั่ง Yarn ที่ใช้บ่อยพร้อมคำอธิบาย:

สร้างโปรเจกต์ใหม่

ใน root directory ของโปรเจกต์ ใช้คำสั่ง Yarn เพื่อเริ่มต้น Node.js โปรเจกต์ และสร้างไฟล์ package.json:

yarn init

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

ติดตั้ง dependencies ของโปรเจกต์

ภายในโฟลเดอร์โปรเจกต์ที่มีไฟล์ package.json ใช้ Yarn เพื่อติดตั้ง dependencies ทั้งหมด:

yarn install

คำสั่งนี้จะติดตั้งแพ็คเกจที่จำเป็นทั้งหมดตามข้อมูลใน package.json และ yarn.lock ไปยังโฟลเดอร์ node_modules

เพิ่ม dependencies ใหม่

เพิ่ม dependencies สำหรับใช้งานจริง (จะถูกเพิ่มใน dependencies):

yarn add lodash

เพิ่ม dependencies สำหรับพัฒนา (จะถูกเพิ่มใน devDependencies):

yarn add --dev jest

เพิ่ม dependencies แบบ global (ปกติไม่แนะนำ — ควรใช้ npx หรือเครื่องมือ global โดยตรง):

yarn global add <package-name>

ลบ dependencies

ถอด dependencies ออกจากโปรเจกต์:

yarn remove lodash

คำสั่งนี้จะลบแพ็คเกจ lodash ออกจากโปรเจกต์พร้อมอัปเดตไฟล์ package.json และ yarn.lock

อัปเกรด dependencies ของโปรเจกต์

อัปเกรด dependencies ทั้งหมดในโปรเจกต์ให้เป็นเวอร์ชันใหม่ล่าสุดตามขอบเขตที่ระบุใน package.json:

yarn upgrade

หากต้องการอัปเดตไปยังเวอร์ชัน major/minor/patch ที่ใหม่กว่านี้ อาจต้องใช้คำสั่งเช่น yarn upgrade --latest หรือใช้เครื่องมือเสริมอย่าง yarn-upgrade-all

การรันสคริปต์ของโปรเจกต์

Yarn อนุญาตให้กำหนดคำสั่งเฉพาะต่างๆ ในฟิลด์ "scripts" ของไฟล์ package.json เพื่อความสะดวกในการรันเซิร์ฟเวอร์พัฒนา ทดสอบ หรือ build โปรเจกต์ ฯลฯ

ตัวอย่างการกำหนด scripts ใน package.json:

"scripts": {
  "start": "node app.js",
  "test": "jest",
  "build": "webpack --config webpack.config.js"
}

จากนั้นสามารถรันสคริปต์ต่างๆ ด้วยคำสั่ง:

yarn start
yarn test
yarn build

คำสั่ง Yarn ที่ใช้บ่อยอื่นๆ

• ติดตั้งแพ็คเกจแบบ global:

  yarn global add <package-name>

  เช่น ติดตั้งเครื่องมือ scaffold create-react-app แบบ global:

  yarn global add create-react-app

• ดูรายการแพ็คเกจ global:

  yarn global list

• ลบแคช (cache): Yarn จะเก็บแคช dependencies เพื่อเร่งความเร็วการติดตั้งในครั้งต่อไป หากคุณเจอปัญหาเกี่ยวกับแคช สามารถลบแคชได้ด้วย:

  yarn cache clean

  สำหรับ Yarn v2+ อาจใช้คำสั่งสำหรับลบแคชที่ต่างออกไป แนะนำให้อ่านเอกสารของแต่ละเวอร์ชัน

สรุป

เมื่อคุณติดตั้งและใช้งาน Yarn อย่างถูกต้องในสภาพแวดล้อม Node.js ของ ServBay แล้ว นักพัฒนาจะสามารถจัดการ dependencies ได้อย่างรวดเร็วและเสถียร ไม่ว่าจะเป็นการเริ่มโปรเจกต์ใหม่ ติดตั้ง/อัปเกรด dependencies หรือสั่งรันสคริปต์เฉพาะ Yarn ก็ตอบโจทย์การพัฒนา Node.js ยุคใหม่เป็นอย่างยิ่ง ผสานกับความสะดวกของ ServBay และความพลังของ Yarn จะช่วยให้ workflow การพัฒนาโปรเจกต์ของคุณเป็นไปได้อย่างราบรื่นไร้กังวล