就像我們不太會做設計,有 Bootstrap 這樣的工具能讓我們直接套用,就能做出好看的頁面。在 React 也有類似的工具,在試用過後我是覺得 React-Toolbox 算是不錯用,它已經設計好許多 Material Design 風格的元件,我們只要 import 到原始碼裡面,就能夠使用,而且它還提供一些自訂的功能。
安裝$ yarn add react-toolbox -dev
因為 React-Toolbox 是用 Post-CSS 寫的,在 webpack.config.js
裡要多加上 Post-CSS 的設定:
module: {
rules: [
{
test: /\.css$/,
use: [
{
loader: 'postcss-loader'
}
]
}
]
}