dev

本章节描述了 Modern.js Module 关于调试工具相关的所有配置。

storybook

WARNING

Deprecated:该配置已过时,只适用于 StorybookV6,详情请看使用Storybook

storybook.webpack

  • 类型:object | Function | undefined
  • 默认值:undefined
export default {
  dev: {
    storybook: {
      webpack(config) {
        return config;
      },
    },
  },
};

你可以通过 dev.storybook.webpack 来修改 Storybook Preview-iframe 的 webpack 配置。使用方式可以参考 Modern.js 的 tools.webpack 配置。

Storybook

配置 Manager App

对于 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;
  },
};

storybook.webpackChain

  • 类型:Function | undefined
  • 默认值:undefined
export default {
  dev: {
    storybook: {
      webpackChain(chain) {
        return chain;
      },
    },
  },
};

你可以通过 dev.storybook.webpackChain 来修改 Storybook Preview-iframe 的 webpack 配置。使用方式可以参考 Modern.js 的 tools.webpackChain 配置。