init-project-web

Installation

npm install

Running Dev Server

npm run dev

Using Redux DevTools

Redux Devtools are enabled by default in development.

• CTRL+H Toggle DevTools Dock
• CTRL+Q Move DevTools Dock Position
• see redux-devtools-dock-monitor for more detailed information.

Test

npm run test:watch

Use Airbnb's testing utility called Enzyme.

CDN URL

在 package.json 可設定 CDN_URL 環境變數

在 src/utils 中，有輸出 getCDNUrl 方法來使用

getCDNUrl(<path>);

Responsive Web Design SCSS

在各別元件專用的 style 檔案中， 載入 src/style/util.scss ( 注意檔案位置 )

@import "../../styles/util";

然後使用 @include 語法

@include rwd('md') {
  position: static;
};