YOCCI_ii7 BLOG

https

開発用メモ

Pug Watch

# 開発用
$ find ./src/pug -type f -not -path '*/_*' -name '*.pug' -exec pug -w {} -o ./dist -P \; & pug -w ./src/pug/page -o ./dist/page -P

# 公開用(圧縮)
$ find ./src/pug -type f -not -path '*/_*' -name '*.pug' -exec pug -w {} -o ./dist \; & pug -w ./src/pug/page -o ./dist/page

npm

$ npm init -y
  npm install --save-dev webpack webpack-cli webpack-dev-server ts-loader typescript @types/jquery

scripts

# Webpack Server
$ npm start

# build
$ npm run build

# build -W
$ npm run watch

Directory Structure

C:.
├─.vscode
├─dist
│  ├─common
│  │  ├─css
│  │  └─js
│  ├─img
│  ├─json
│  └─page
│      ├─about
│      ├─contact
│      └─news
├─node_modules
│  ├─ ...
└─src
    ├─original_css
    ├─pug
    │  ├─page
    │  │  ├─about
    │  │  ├─contact
    │  │  └─news
    │  ├─_include
    │  ├─_layout
    │  └─_var
    ├─scss
    │  ├─foundation
    │  ├─layout
    │  ├─project
    │  └─var
    └─ts