Webpack勉強用のリポジトリ
今のところできること
- digest付きのcss、jsのビルド
- 指定したディレクトリ(
/src/javascripts/entries
)配下のjs,tsファイルを自動的にエントリーとする 例) /entries/foo.ts => { foo: "/entries/foo.ts" }
- 指定したディレクトリ(
- scssのcssへのビルド
- babelを通したjsのビルド
- htmlのビルド
- エントリーファイルと自動的に結びつくように 例) pages/home.htmlだったらentries/home.jsが読み込まれる
- typescriptのビルド
- vueのビルド
- eslint(
eslint-plugin-vue
,@typescript-eslint/eslint-plugin
)による静的解析 - pritterによるコードフォーマット
- jsonのビルド
- jestによるVueComponentのSnapshotテスト
- StoryBookによるコンポーネントのドキュメント化
npm run build
: webpackの本番用ビルドnpm run buld:dev
: webpackの開発用のビルドnpm run buld:dev-watch
: webpackにwatchオプションを付けて開発用のビルド
src
├ javascripts
│ ├ entries // webpackのエントリーファイル
│ ├ components // コンポーネント格納用
│ └ types // typescriptの型定義ファイル格納用
├ styles // stylesheet格納用(scss)
└ pages // htmlのtamplate格納用