/yarn-template

yarn template for Projects

Primary LanguageSCSS

Yarn Template

npm パッケージをインストール

#プロジェクトのディレクトリに移動して
$ yarn

yarn の監視

$ yarn start

納品ファイル生成

デプロイ用のファイル一式を生成

$ yarn build

ディレクトリ構成

./src/ 内のファイルを編集

  • pug -> html
  • js -> babel -> js
  • sass -> css
├─ node_modules/
│  └─ パッケージ各種
│
├─ dist/（ビルド後、納品ファイルがここに生成される）
│  ├─ assets/
│  │  ├─ css/
│  │  ├─ images/
│  │  ├─ js/
│  │  ├─ json/
│  │  ├─ media/
│  │  └─ webfonts/
│  └─ index.html など
│
├─ src/（ビルド前のソース）
│  ├─ assets/
│  │  ├─ images/
│  │  ├─ json/
│  │  ├─ media/
│  │  └─ webfonts/
│  ├─ js/
│  │  ├─ _app/
│  │  ├─ _core/
│  │  └─ functions.js など
│  ├─ pug/
│  │  ├─ _template/
│  │  └─ index.pug
│  └─ sass/
│      ├─ foundation/
│      ├─ layout/
│      ├─ object/
│      ├─ page/
│      │  └─ index/
│      ├─ style.scss
│      └─ index.scss
│
├─ .browserslistrc
├─ .eslintrc
├─ babel.config.js
├─ package.json
├─ stylelint.config.js
├─ tsconfig.json
├─ webpack.config.js
└─ README.md

参考・参照