dev#

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

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 配置。

配置 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 配置。