Phản ứng không có Webpack

Question

Tôi bắt đầu xem xét ReactJS. Có vẻ như Facebook vừa phát hành phiên bản 15.0.1. Tôi nhìn vào khuôn khổ này năm ngoái, trong phiên bản 0.12.x, khi nó đang sử dụng JSXTransformer, và bây giờ có vẻ như nó đã biến mất khỏi nó.

Có vẻ như hầu hết mọi hướng dẫn đều đề xuất sử dụng React mới nhất với Webpack. Có cách nào không sử dụng webpack không? Tôi đang cố gắng để tìm một ví dụ hợp lệ tốt với một nhiệm vụ grunt cho React 15.x.x.

Mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Jsx biến áp bị phản đối có vẻ như.

Nếu bạn không muốn sử dụng webpack, bạn phải suy nghĩ về những tính năng bạn có thể sống mà không có.

Với sự hỗ trợ của trình duyệt đối với các tính năng ES6, giờ đây bạn có thể có cú pháp ES6 và cũng sử dụng các mô-đun (khi kích hoạt cờ thử nghiệm) mà không cần sử dụng Webpack.

Nếu bạn muốn sử dụng JSX, bạn sẽ luôn cần phải chuyển nó sang JS vì không có hỗ trợ gốc cho nó trong trình duyệt trên đường chân trời. Cách đơn giản nhất để làm điều đó là thêm một phần mềm trung gian Babel với cài đặt trước "React" vào máy chủ phát triển của bạn.

quản lý phụ thuộc cũng sẽ trở nên phức tạp, bởi vì NPM cung cấp gói trong CommonJS, mà không thể chạy như là trong trình duyệt ...

Nếu bạn muốn thử nghiệm với điều đó, bạn có thể kiểm tra một Bộ khởi động phản ứng thử nghiệm mà tôi đã đặt trên GitHub React Without Webpack cố gắng sao chép hầu hết các tính năng webpack bằng các tính năng trình duyệt gốc và http2.

Answer 2

Bạn không cần Webpack hoặc grunt, thay vì JSXTransformer bạn cần phải sử dụng Babel https://facebook.github.io/react/docs/getting-started.html#offline-transform