Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

https://github.com/jeonghwan-kim/lecture-frontend-dev-env/blob/master/package.json

Khi sử dụng copy-webpack-plugin, có thể xảy ra sự cố khi không thể xây dựng webpack.

gây ra

copy-webpack-plugin Không có khả năng tương thích ngược do cập nhật lớn

Chữ ký của hàm xây dựng hiện có đã thay đổi.

- Hiện có: CopyPlugin(mẫu, tùy chọn)

- Thay đổi: CopyPlugin({ mẫu, tùy chọn })

Giải pháp

// 기존: new CopyPlugin([ { from: "./node_modules/axios/dist/axios.min.js", to: "./axios.min.js", // 목적지 파일에 들어간다 }, ]), // 변경 (이렇게 변경하세요) new CopyPlugin({ patterns: [ // patterns 키를 추가합니다. { from: "./node_modules/axios/dist/axios.min.js", to: "./axios.min.js", // 목적지 파일에 들어간다 }, ] }),

Bài viết này giới thiệu về webpack-dev-middleware, theo sau máy chủ phát triển webpack.

• “Nếu máy chủ phát triển webpack không đủ, hãy thử webpack-dev-middleware” - blog của Kim Jeong-hwan

Máy chủ phát triển gói webpack cũng sử dụng phần mềm trung gian này trong nội bộ và nó là gói được sử dụng để tùy chỉnh thêm máy chủ phát triển.

https://youtu.be/_QCNqV_EfzE

Chúng tôi xin chia sẻ một mẹo nhỏ với những ai sử dụng VSCode.

Nếu bạn gặp khó khăn trong khi học, hãy sử dụng “Câu hỏi” thật nhiều.

1. Nếu có phần nào khó hiểu do bài giảng giải thích chưa đầy đủ, vui lòng đặt câu hỏi.

2. Nếu bạn gặp bất kỳ lỗi hoặc vấn đề môi trường nào trong quá trình thực hành, vui lòng tải lên toàn bộ mã cùng với câu hỏi của bạn.
Nếu bạn đăng mã thực hành của mình lên GitHub và để lại liên kết đến câu hỏi của mình, chúng tôi có thể phản hồi nhanh hơn nhiều.

Khi tải mã thực hành của bạn lên GitHub, bạn nên thêm các cài đặt bên dưới.

1. Vui lòng tải lên kho lưu trữ công cộng GitHub.
Cài đặt > Tùy chọn > Vùng nguy hiểm > Đặt kho lưu trữ này thành cài đặt công khai

2. Vui lòng thêm tôi làm Cộng tác viên. Tùy thuộc vào tình huống, tôi có thể phải sửa đổi mã và tải nó lên GitHub.
Cài đặt > Quản lý quyền truy cập > Mời cộng tác viên > Mời email của tôi (ej88ej@gmail.com)