vc-tools/lib/storybook/webpack.config.js

offline tools for vue component

const tsConfig = require('../getTSCommonConfig');
const resolveCwd = require('../resolveCwd');

const pkg = require(resolveCwd('package.json'));

module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.tsx?$/,
    use: [
      {
        loader: require.resolve('ts-loader'),
        options: {
          configFile: tsConfig.getConfigFilePath(),
          transpileOnly: true,
        },
      },
      require.resolve('react-docgen-typescript-loader'),
    ],
  });

  config.resolve.extensions.push('.ts', '.tsx');
  config.resolve.alias = {
    ...config.resolve.alias,
    [pkg.name]: resolveCwd('/'),
  };
  config.module.rules.push({
    test: /\.less$/,
    use: [
      {
        loader: 'style-loader',
      },
      {
        loader: 'css-loader',
      },
      {
        loader: 'less-loader',
        options: {
          javascriptEnabled: true,
        },
      },
    ],
  });
  config.resolve.extensions.push('.less');
  return config;
};