alucky4423/template-javascript

template-javascript's Issues

webpack-dev-server実行時にエラー

webpack-dev-server実行時にエラーが発生する。

エラーメッセージ

$ webpack-dev-server --color --progress --config webpack.dev.js
× ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module.rules[0] has an unknown property 'execlude'. These properties are valid:
   object { compiler?, enforce?, exclude?, include?, issuer?, loader?, loaders?, oneOf?, options?, parser?, query?, realResource?, resolve?, resource?, resourceQuery?, rules?, sideEffects?, test?, type?, use? }
   -> A rule
error Command failed with exit code 1.

Definition using tools version

Description

レポジトリで使用するツールの選定とVersionを決める。

DoD

• decide weback version.　-> webpack v4
• decide package manager. -> use yarn

ESLintの設定を追加する

ESLintのinstall・設定の追加を行う

参考

• https://qiita.com/khsk/items/0f200fc3a4a3542efa90

Add options to webpack.config.js

webpack.config.js に設定を追加できるか調査と実施

• webpack-dev-serverの設定
• module improt をabsolute path で設定できるようにする
• development mode と production mode で設定を分ける

add dotEnv config

.env を読み込めるようにする。

install webpack and create config file

description

repositoryに対して以下を実施する。

1. webpackのインストール
2. webpack.config.jsの作成(まずは最小構成)

Prettierの設定を追加する

参考

• https://qiita.com/soarflat/items/06377f3b96964964a65d

add config babel-loader

babel-loader の設定を追加する

Jestの設定を追加する

DoD

• install jest
• add Jest config

# Test

testestes