React-3G —— căn cứ vào React khai phá cơ bản lắp ráp kho

Khai phá hồ sơ

Hạng mục mục lục kết cấu

React-3G
build
lib
components
...
styles
index.js

• build: Tồn trữ lib trung biên soạn hảo biên dịch lúc sau phát ra số hiệu
• lib: Tồn trữ hạng mục nguyên thủy nguyên số hiệu components: Lắp ráp kho lắp ráp số hiệu styles: Công cộng hình thức văn kiện, mỗi cái lắp ráp đối ứng hình thức, viết đến components hạ các lắp ráp đối ứng folder index.js: Cuối cùng đối ngoại bại lộ lắp ráp đạo ra tiếp lời, không hiểu, đi xem export có ý tứ gì.

---

Bản địa khai phá NPM trích yếu

Khai phá trước cần thiết biết rõ ràng dưới lại tiến hành

• Bản địa khai phá NPM bao

Hiểu biết package.json văn kiện các tự đoạn ý nghĩa, trọng điểmPhiên bản hào,Scripts

• Hạng mục bản địa vận hành Trước mặt là webpack biên dịch, sau đó sẽ tăng thêm webpack biên dịch watch

gitclonegit@github.com:ZJH9Rondo/React-3G.git

cdReact-3G

npminstall

npmrunbuild

Nơi này còn cần mở ra một cái hậu trường, cái này hậu trường là dùng cho ở bản địa thí nghiệm NPM bao thực tế hiệu quả

gitclonegit@github.com:alanbsmith/component-lib-playground.git

cdcomponent-lib-playground

npminstall

npmrundev

Trọng điểm

Đến này một bước, ngươi chỉ là phối trí hảo hạng mục, bản địa thí nghiệm mấu chốt một chút, yêu cầu cấp NPM bao đạo ra một cái mềm liên nhận được thí nghiệm ngôi cao, cũng chính là clone xuống dưới component-lib-playground

cdcomponent-lib-palyground

// thỉnh bảo đảm ngươi trước mặt nơi mục lục là component-lib-playground
npmi*// nơi này * đại biểu chính là ngươi clone xuống dưới NPM bao nơi căn mục lục

Ví dụ:

test// căn mục lục
npm
lib
index.js
component-lib-playground
src
...

Lúc này*Hẳn là/user/zhongjiahao/.../test/npm/,Cũng chính là ngươi thiết bị thượng tuyệt đối đường nhỏ

Về mềm liên tiếp thiết trí không hiểu xemNơi này

• Có thể sử dụng npm link mệnh lệnhnpm link

• Biết rõ ràng lắp ráp như thế nào phân chia, react như thế nào lợi dụng lắp ráp hóa, không khó, động khởi tay tới.

• Biết rõ ràng export import cùng với thường thấy ES6 tri thức

Khai phá hạng mục công việc

Lắp ráp nhưng ấn cần trích dẫn Cần trích dẫn build mục lục hạ css văn kiện

Lắp ráp

Lắp ráp tin tức thấyIntroduction.md

Class mệnh danh quy tắc

• mb- mở đầu
• mb-[ nhãn danh ]-[ đối ứng hình thức ], như mb-btn-large
• Nhưng tăng thêm cam chịu tương đồng thuộc tính, như sở hữu cái nút hình thức đều có mb-btn cái này className