[WEBPACK] Config alias chuẩn trong webpack
https://kipalog.com/posts/Config-alias-chuan-trong-webpack
Alias là gì?
Alias là đường dẫn tuyệt đối thay thế cho đường dẫn tương đối khi import các module. Ví dụ như sau:
Cách bên dưới chính là sử dụng alias.
Thế nào là config chuẩn?
Thông thường để config alias trong một project frontend sử dụng webpack. Theo doc chỉ cần config như sau: webpack.config.js
Webpack hiểu
Eslint không báo lỗi
VSCode gợi ý được
Cách thực hiện
Webpack hiểu
Ta thực hiện như trên webpack.config.js
Eslint không báo lỗi
Ta add thêm thư viện sau đây
Add đoạn code sau đây .eslintrc.js
VSCode gợi ý được
Để VSCode hiểu và gợi ý được thì ta add thêm file jsConfig.json ở đầu project như sau.
Bạn nhớ để dấu * sau @components nhé.
Kết luận
Trên đây là cách mình config alias vào project sử dụng webpack của mình. Việc config như vậy sẽ giúp tìm các thành phần dễ hơn, code cũng đẹp hơn và chuyên nghiệp hơn.
Last updated