ปลั๊กอินใน Webpack

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

ลองมาดูอัลกอริทึมทั่วไป สำหรับการติดตั้งและการเชื่อมต่อปลั๊กอิน สมมติว่าเรามี ปลั๊กอินสมมติ test-webpack-plugin ลองพิจารณาการทำงานกับปลั๊กอิน โดยใช้ตัวอย่างของมัน (โค้ดด้านล่างเป็นเพียงแผนภาพ เนื่องจากในความเป็นจริงไม่มีปลั๊กอินดังกล่าว)

ดังนั้น ก่อนอื่นจำเป็นต้องติดตั้งปลั๊กอิน ผ่าน npm:

terminalnpm install test-webpack-plugin --save-dev

หลังจากนั้นจำเป็นต้องนำเข้าปลั๊กอิน ไปยังไฟล์การกำหนดค่า:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

จากนั้นจำเป็นต้องเรียกใช้ปลั๊กอินนี้ ในการตั้งค่า plugins:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [new TestWebpackPlugin()],
};

ในการตั้งค่า plugins อาจมี ไม่ใช่แค่ปลั๊กอินเดียว แต่มีหลายตัว:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new TestWebpackPlugin1(),
    new TestWebpackPlugin2()
  ],
};