あらすじ
ある日 webpack の version を上げたら extensions に empty な '' を指定するのだめと怒られるのでその指定を削除したら storybook がなんかエラーを吐き出すようになった時のメモです。
状況
React + Redux で既存の Single Page Application で作っているプロジェクトに storybook を導入しています。
.storybook/webpack.config.js
にエイリアアス設置し、 ../webpack.config.js
を読み込んんでいます。
原因
現行の webpack は version 2 なのですが storybook が使っているのはどうやら違うらしい。
node_modules/webpack
と node_modules/webpack-core
と名前空間が異なっているから混在できているのが原因?
とりあえず同一の webpack.config.js を version の違う webpack で見ているのが原因らしいので解消したいです。
解消した方法
.storybook/webpack.config.js
をエイリアスではなく以下のように実ファイルを保存しました。
const config = require("../webpack.config.js") config.resolve.extensions.push('') // empty extention を追加する module.exports = config
おしまい