Modern.js 支持使用 Storybook 进行调试,当需要对 Storybook 进行配置时,需要在项目 config/storybook 目录进行配置。
Storybook 配置请查看:Storybook 配置
使用 Storybook 进行调试需要提前在项目下执行 new 命令启用「Visual Testing (Storybook)」模式功能。
对于 Storybook Manager app 部分的 webpack 配置,可以通过增加 ./config/storybook/main.js
文件进行配置。
// ./config/storybook/main.js
module.exports = {
// it controls the Storybook manager app
managerWebpack: async (config, options) => {
// update config here
return config;
},
};
在使用 config/storybook 目录进行配置时,存在以下限制:
main.js
文件里修改 stories
配置。main.js
中修改 Webpack 和 Babel 相关配置,相关需求可通过 tools.webpack
/ tools.babel
修改。