Bài hôm nay chúng ta sẽ học về plugin html-webpack-plugin được dùng để sắp xếp các file html theo một trật tự nhất định, giúp tối ưu nội dung file html hơn. 1. Cài đặt Link plugin: https://github.com/jantimon/html-webpack-plugin Cài cho Webpack 5 npm i --save-dev html-webpack-plugin Cài cho Webpack 4 npm i --save-dev [email protected] 2. Chuẩn bị file Để bài học được dễ dàng theo dõi chúng ta nên xóa các file trong...
HTML JavaScript CSS May Fest Webpack
Trong bài viết này mình hướng đến đối tượng là các bạn newbie. Các bạn mới hoặc chưa có nhiều kinh nghiệm làm việc với Vue và các framework khác nói chung. Giới thiệu Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with configurations. At the same time, it still offers the...
VueJS vite May Fest Webpack cli
Trong quá trình tìm hiểu về cách thức hoạt động của webpack, mình vô tình đọc được 1 loạt bài rất hay, tiếc là lâu quá rồi giờ không tìm lại được đầy đủ. May thay vẫn còn tìm lại được 1 cái video, do chính cha đẻ của Webpack hướng dẫn cách thức hoạt động của Webpack. Bài viết này mình dịch lại nội dung video và giải thích kỹ càng để giúp các bạn hiểu tường tận về cách thức...
JavaScript MayFest May Fest Webpack
Trường hợp lỗi hiển thị Ví dụ khi chúng ta muốn hiển thị giá trị trong object ra template <template> <p>{{ data.user.name }}</p> </template> Trong trường hợp này nếu thuộc tính user không tồn tại, trình duyệt sẽ báo lỗi Error in render: "TypeError: Cannot read property 'name' of undefined" Và nó có thể khiến cho một một số component của thư viện UI không hiển thị, vậy nên có một cách đó là...
Front-end JavaScript frontend VueJS Webpack
Tại sao cần sử dụng Khi chúng ta muốn hiển thị giá trị trong object ra template <template> <p>{{ data.user.name }}</p> </template> Trong trường hợp này nếu thuộc tính user không tồn tại, trình duyệt sẽ báo lỗi Error in render: "TypeError: Cannot read property 'name' of undefined" Và nó có thể khiến cho một một số component của thư viện UI không hiển thị, vậy nên có một cách đó là check if...
Front-end JavaScript frontend VueJS Webpack
Tại sao cần sử dụng Khi chúng ta muốn hiển thị giá trị trong object ra template <template> <p>{{ data.user.name }}</p> </template> Trong trường hợp này nếu thuộc tính user không tồn tại, trình duyệt sẽ báo lỗi Error in render: "TypeError: Cannot read property 'name' of undefined" Và nó có thể khiến cho một một số component của thư viện UI không hiển thị, vậy nên có một cách đó là check if...
Front-end JavaScript frontend VueJS Webpack
Tại sao cần sử dụng Khi chúng ta muốn hiển thị giá trị trong object ra template <template> <p>{{ data.user.name }}</p> </template> Trong trường hợp này nếu thuộc tính user không tồn tại, trình duyệt sẽ báo lỗi Error in render: "TypeError: Cannot read property 'name' of undefined" Và nó có thể khiến cho một một số component của thư viện UI không hiển thị, vậy nên có một cách đó là check if...
Front-end JavaScript frontend VueJS Webpack