Phần 2: Cách xem tỷ lệ cá cược bóng đá hôm nay Reactjs dễ dàng (1/8)

Cột kỹ thuật

[Phần 2] Cách xem tỷ lệ cá cược bóng đá hôm nay Reactjs dễ dàng

Phạm vi radar OSS

1) Tạo môi trường phát triển Reactjs thoải mái bằng gulp

Reactjs
được gọi là ngôn ngữ được biên dịch và được xem tỷ lệ cá cược bóng đá hôm nay sau khi chuyển đổi nó sang JavaScript
Nếu bạn xem tỷ lệ cá cược bóng đá hôm nay lệnh jsxCó thể chuyển đổi tệp sang JavaScript nhưng mỗi khi bạn thay đổi mã nguồnthật là tẻ nhạt Trước tiên, hãy xây dựng một môi trường phát hiện các thay đổi trong mã nguồn, tự động biên dịch nó và thậm chí tải lại trình duyệt

JavaScript có một số công cụ hữu ích, nhưng lần này chúng ta sẽ xem tỷ lệ cá cược bóng đá hôm nay gulp + webpack để xây dựng môi trường Những hành động này bao gồmlà bắt buộc, vì vậy trước tiênNgoài sự kết hợp này, còn có các tùy chọn khác như Grunt + Browserify

Cài đặt Nodejs

Tải xuống mẫu để phát triển Reactjs

Tiếp theo, chúng ta cần xây dựng môi trường gulp + webpack, nhưng còn nhiều cài đặt cần thực hiệnMẫu này cho phép bạn bỏ qua các bước bên dưới

  • Định nghĩa sự phụ thuộc của các thư viện được xem tỷ lệ cá cược bóng đá hôm nay
  • Xác định các bước xây dựng
  • Tạo HTML chạy JavaScript

Để xem tỷ lệ cá cược bóng đá hôm nay mẫu, vui lòng sao chép kho lưu trữ và cài đặt thư viện

git bản sao https://githubcom/jirokun/ReactTemplate
cdMẫu phản ứng
npm cài đặt -g gulp
npm cài đặt

Mẫu này có cấu trúc thư mục như sau Để xem tỷ lệ cá cược bóng đá hôm nay Java trong kết xuất phía máy chủ, điều này sẽ được mô tả sau,

├── dist            # Lưu trữ kết quả bản dựng
├── node_modules # Chứa thư viện nodejs
└── src
    ├── chính
  │   ├──  jsx  #  tệp JSX
    │     └──  www   #  Tệp tĩnh
 └── kiểm tra
        └── js    # tệp kiểm tra JavaScript

Tệp nằm trong src/main/jsxjsx Các tệp được lưu trữ ở đây sẽ được xây dựng và đóng gói vào dist/scripts/client-bundledjs Thư mục www lưu trữ các tệp tĩnh như indexhtml Các tệp được đặt ở đây sẽ ở dạng dist/

Mẫu đã lưu trữ src/main/www/indexhtml và HTML được ghi vào tham chiếu dist/scripts/client-bundledjs

Giải pháp phụ thuộc nguồn cột

Khi tạo một chương trình, bạn thường phát triển nó bằng cách chia tệp Nhập, yêu cầu, vv được xem tỷ lệ cá cược bóng đá hôm nay để giải quyết sự phụ thuộc của các tệp được chia nhỏ, nhưng JavaScript chạy trong trình duyệt không có cơ chế tải các tệp khác Do đó, hãy viết các tệp cần thiết vào HTML bằng cách xem tỷ lệ cá cược bóng đá hôm nay thẻ script để giải quyết các vấn đề phụ thuộc

Tuy nhiên, đó là môi trường thực thi JavaScriptcó chức năng yêu cầu webpack và browserify cũng được phát triển để xem tỷ lệ cá cược bóng đá hôm nay yêu cầu này ở phía trình duyệt Về lịch sử của webpacklà chi tiết