Khai báo các stylesheets trong một file riêng rẽ
Nếu bạn đã từng viết CSS, đặt các styles của bạn vào một file riêng rẽ có thể dường như một cách tiếp cận tốt hơn
và cảm thấy quen thuộc hơn. Các định nghĩa stylesheet được tạo trong một file riêng rẽ. Bạn có thể đặt tên nó bất
cứ thứ gì bạn muốn (styles.js là điển hình), nhưng đảm bảo mở rộng là .js, nó là Javascript, sau tất cả. File
stylesheet và file bộ phận được lưu trong cùng thư mục.
Một cấu trúc file như cái đó thể hiện trong ảnh dưới duy trì một mối quan hệ gần gũi giữa các bộ phận và styles và
tự đảm bảo một chút rõ ràng bằng cách không pha trộn các định nghĩa style với các khía cạnh chức năng của các bộ
phận. Đoạn code dưới tương ứng với một file style.js cái sẽ được sử dụng để style một bộ phận như ComponentA
và ComponentB trong ảnh. Sử dụng các tên có ý nghĩa khi định nghĩa các stylesheets của bạn, để nó là rõ ràng phần
gì của bộ phận đang được style.
Bộ phận nhập khẩu các stylesheets bên ngoài và có thể tham chiếu bất cứ styles nào định nghĩa bên trong chúng.
