Cấu hình chế độ build thông qua scripts trong Webpack

Có thể thiết lập chế độ build không phải trong file cấu hình, mà thông qua việc cấu hình scripts của file package.json. Hiện tại trong file này, chúng ta có lệnh build, lệnh này build dự án ở chế độ được chỉ định trong file cấu hình:

"scripts": {
	"build": "webpack"
}

Hãy thêm một lệnh để build dự án ở chế độ phát triển:

"dev": "webpack --mode development"

Hãy cũng thêm một lệnh để build dự án ở chế độ sản xuất:

"prod": "webpack --mode production"

Kết quả, file package.json của chúng ta sẽ trông như sau:

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
}

Bây giờ trong terminal, chúng ta có thể sử dụng các lệnh khác nhau để gọi build ở các chế độ khác nhau. Để build ở chế độ phát triển chúng ta sẽ viết như sau:

npm run dev

Còn để build ở chế độ sản xuất - như sau:

npm run prod

Hãy đưa các cấu hình tương ứng vào file package.json của bạn.

Hãy build dự án của bạn ở chế độ phát triển.

Hãy build dự án của bạn ở chế độ sản xuất.