故事书：安装StorySource插件后发生错误

Question

我想使用故事源 -我已点击此链接https://www.npmjs.com/package/@storybook/addon-storysource -我已经安装了插件 -我使用以下代码创建了一个.storybook / webpack.config.js文件 -我放入了webpack.config.js

`module.exports = function({ config }) {
  config.module.rules.push({
    test: /\.stories\.jsx?$/,
    loaders: [require.resolve("@storybook/source-loader")],
    enforce: "pre"
  });

  return config;
};
`

但是我不认为该插件有效，因为我没有看到故事中的任何内容，也许我需要在其他地方启用某些功能？

版本

“ @ storybook / addon-notes”：“ ^ 5.1.11”，

“ @ storybook / addon-viewport”：“ ^ 5.1.11”，

“ @ storybook / html”：“ ^ 5.1.11”，

“ @ storybook / addon-storysource”：“ ^ 5.2.8”

Answer 1

如果您将webpack.config.js与故事书一起使用，则在module.rules中需要以下内容

  module: {
    rules: [
      {
        test: /\.stories\.jsx?$/,
        loaders: [require.resolve('@storybook/addon-storysource/loader')],
        enforce: 'pre',
      }
       ...
    ]
  }