Cách bao gồm tệp css và js trong dự án Node.js

Question

Cách chính xác để bao gồm tệp css và js trong dự án nhanh là gì?

Tôi đang sử dụng công cụ tạo mẫu ejs. Tôi đã thấy một ví dụ bằng cách sử dụng trình kết nối tài sản nhưng rất khó để làm theo.

Một dự án ví dụ nhỏ bao gồm css và js trong index.ejs (không phải layout.ejs) sẽ rất hữu ích.

Answer 1

Tệp tĩnh có thể được phân phát bằng phần mềm trung gian tĩnh. Tôi thường tạo một thư mục cho tất cả các tệp tĩnh được phân phát từ thư mục gốc.

Nếu bạn đã cài đặt nhanh trên toàn cầu với npm (npm install -g express), bạn có thể nhập thông tin sau tại dòng lệnh.

express <project_name> 

Điều này sẽ tạo một dự án ví dụ nhỏ cho bạn. Dự án ví dụ này có một thư mục có tên là public, từ đó nó phục vụ các tệp tĩnh. Nó còn chứa các thư mục có tên javascripts và stylesheets.

Đoạn có liên quan của dự án mẫu để thiết lập này là dòng sau trong tệp app.js trong hàm được chuyển đến app.configure.

app.use(express.static(path.join(__dirname, 'public'))); 

Ví dụ là từ nhanh 3.0.0rc1

Express được xây dựng trên Connect. Các tài liệu cho phần mềm trung gian tĩnh của nó có thể hữu ích: Connect : Static