การคัดลอกไฟล์ใน Webpack

โดยใช้ Webpack คุณสามารถคัดลอกไฟล์จากโฟลเดอร์โปรเจกต์ไปยังโฟลเดอร์ที่สร้างได้ นี่ทำได้โดยใช้ปลั๊กอินต่อไปนี้: copy-webpack-plugin

มาเริ่มติดตั้งกัน:

terminalnpm install copy-webpack-plugin --save-dev

นำเข้า:

webpack.config.jsimport CopyPlugin from 'copy-webpack-plugin';

ลองคัดลอกด้วยปลั๊กอินนี้ เช่น favicon:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new CopyPlugin({
      patterns: [
        {
          from: path.resolve('src/favicon.ico'),
          to: path.resolve('dist')
        },
        
      ],
    }),
  ],
};
Задание 1

ติดตั้งปลั๊กอินและทำการคัดลอกไฟล์บางไฟล์

Задание 2

ศึกษาคู่มือปลั๊กอินและเรียนรู้วิธีการคัดลอกไฟล์จำนวนมาก