Я использую node7.2.1 и npm 5.6.0 в реактивном проекте. Проект управляется webpack2
. Я пытался добавить storybook
в этом проекте, но не удалось при компиляции. Ошибка, которую я получил при запуске storybook
:
TheFrontEnd/node_modules/@storybook/core/dist/server/build-static.js:31
async function compileManager(managerConfig, managerStartTime) {
^^^^^^^^
SyntaxError: Unexpected token function
at Object.exports.runInThisContext (vm.js:78:16)
at Module._compile (module.js:543:28)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
Я знаю, что это связано с синтаксисом es6. Но я создал файл .babelrc
в каталоге .storybook/
, но это не помогает. Добавленный мной файл babel:
{
"presets": [
"es2015",
"stage-2",
"react"
],
"plugins": [
"transform-decorators-legacy",
"transform-class-properties",
"transform-async-to-generator",
"transform-object-rest-spread",
"add-module-exports",
"react-hot-loader/babel"
]
}
Файл веб-пакета для сборника рассказов: (.storybook / webpack.config.js)
module.exports = {
plugins: [
// your custom plugins
],
module: {
rules: [
// add your custom rules.
],
},
};