`экспорт не определен` при использовании пользовательского файла конфигурации веб-пакета в Stroybook - PullRequest
0 голосов
/ 11 октября 2018

Я использую пользовательский файл конфигурации webpack в моей папке конфигурации Storybook .storybook, после запуска команды start-stroybook я получаю ошибку exports is not defined на своей странице.

ВотСодержимое пользовательского файла конфигурации веб-пакета:

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
  plugins: [
    new webpack.optimize.ModuleConcatenationPlugin(),
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new webpack.DefinePlugin({
      __IS_NATIVE__: JSON.stringify(false),
      'process.env.NODE_ENV': JSON.stringify('development'),
    }),
  ],
  module: {
    rules: [
      {
        test: /\.js$/,
        use: {
          loader: 'babel-loader',
        },
        exclude: path.join(__dirname, '../node_modules'),
      },
      {
        test: /\.svg$/,
        issuer: /\.js$/,
        use: [
          {
            loader: 'babel-loader',
          },
          () => {
            this.counter = this.counter || 0;
            return {
              loader: 'react-svg-loader',
              options: {
                jsx: true,
                svgo: {
                  plugins: [
                    {
                      cleanupIDs: {
                        prefix: `${this.counter++}`,
                      },
                    },
                  ],
                },
              },
            };
          },
        ],
      },
      {
        test: /\.svg$/,
        issuer: /\.css$/,
        use: 'svg-url-loader',
      },
      {
        test: /\.((png)|(eot)|(woff)|(ttf)|(gif)|(jpg)|(otf))$/,
        use: 'url-loader?name=/[hash].[ext]',
      },
      {
        test: /\.ico$/,
        use: 'file-loader',
      },
      {
        test: /\.json$/,
        use: 'json-loader',
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        use: [
          'style-loader',
          'css-loader?modules&importLoaders=1' +
            '&sourceMap?&localIdentName=[path]-[local]-[hash:base64:5]',
          'postcss-loader',
        ],
      },
    ],
  },
  resolve: {
    modules: ['node_modules', 'pretend_modules'],
  },
};

Версия Storybook и, возможно, любые затронутые аддоны, которые я запускаю:

  • @ storybook / addon-actions ":" ^ 3.4.11
  • @ storybook / addon-centrated ":" ^ 3.4.11
  • @ storybook / addon-info ":" ^ 3.4.11
  • @ storybook / addon-knobs ":" ^ 3.4.11
  • @ storybook / response ":" ^ 3.4.11
  • @ babel / core ":" ^ 7.0.0-beta.42
  • babel-loader ":" ^ 8.0.0-beta.2
  • @ babel / preset-env ":" ^ 7.0.0-beta.42
...