tạo các-phản ứng ứng dụng bắt đầu cho bạn một App.js trông như thế này:CSS liên kết trong tạo-phản ứng ứng dụng
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
export default App;
Note import './App.css'
- một nhập ẩn danh của file CSS này. App.css có các lớp CSS như App
và App-header
sau đó được tham chiếu theo chuỗi trong phương thức render
của thành phần React. Liên kết ma thuật này xảy ra như thế nào? Đây có phải là một hàm của gói npm-loader npm không? Nếu vậy, chức năng này được ghi lại ở đâu? Tôi đã đẩy ứng dụng ra để kiểm tra cấu hình Webpack, nhưng không thể đặt ngón tay của tôi vào cách liên kết này xảy ra.