storybookで@babel7を使う
参考:
環境:
"@babel/core": "^7.1.2", "@storybook/react": "^3.4.11", "babel-loader": "^8.0.4",
storybookで@babel7を使うために、storybookのwebpack設定を少し上書きする。
.babelrc.js
(@babel7に対応したBabel設定ファイル)
module.exports = { presets: ["@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"], plugins: ["@babel/plugin-proposal-class-properties"] }
.storybook/webpack.config.js
const babelConfig = require("../.babelrc") module.exports = (baseConfig, env, defaultConfig) => { defaultConfig.module.rules[0].loader = require.resolve('babel-loader'); defaultConfig.module.rules[0].query.presets = babelConfig.presets; defaultConfig.module.rules[0].query.plugins = babelConfig.plugins; return defaultConfig; };