76 lines
2.0 KiB
JavaScript
76 lines
2.0 KiB
JavaScript
const path = require('path');
|
|
|
|
module.exports = {
|
|
stories: ['../src/**/*.stories.@(mdx)'],
|
|
addons: [
|
|
'@storybook/addon-links',
|
|
'@storybook/addon-essentials',
|
|
'@storybook/addon-google-analytics',
|
|
],
|
|
core: {
|
|
builder: 'webpack5',
|
|
},
|
|
staticDirs: ['../static'],
|
|
webpackFinal: async (config, { configType }) => {
|
|
// `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
|
|
// You can change the configuration based on that.
|
|
// 'PRODUCTION' is used when building the static version of storybook.
|
|
|
|
// config.module.rules[0].use[0].options.plugins[1] = [
|
|
// '@babel/plugin-proposal-class-properties',
|
|
// { loose: true },
|
|
// ];
|
|
|
|
// config.module.rules[0].use[0].options.plugins[3] = [
|
|
// '@babel/plugin-proposal-private-methods',
|
|
// { loose: true },
|
|
// ];
|
|
|
|
// config.module.rules[0].use[0].options.plugins[4] = [
|
|
// '@babel/plugin-proposal-private-property-in-object',
|
|
// { loose: true },
|
|
// ];
|
|
|
|
// Make whatever fine-grained changes you need
|
|
config.module.rules.push({
|
|
test: /\.m?js/,
|
|
resolve: {
|
|
fullySpecified: false,
|
|
},
|
|
});
|
|
|
|
// Default rule for images /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/
|
|
const fileLoaderRule = config.module.rules.find(
|
|
rule => rule.test && rule.test.test('.svg')
|
|
);
|
|
fileLoaderRule.exclude = /\.svg$/;
|
|
|
|
config.module.rules.push({
|
|
test: /\.svg$/,
|
|
use: [
|
|
{ loader: require.resolve('babel-loader') },
|
|
// { loader: 'svg-inline-loader' },
|
|
],
|
|
});
|
|
|
|
config.module.rules.push({
|
|
test: /\.css$/,
|
|
use: [
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
// HERE: OPTIONS
|
|
postcssOptions: {
|
|
plugins: [require('tailwindcss'), require('autoprefixer')],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
include: path.resolve(__dirname, '../'),
|
|
});
|
|
|
|
// Return the altered config
|
|
return config;
|
|
},
|
|
};
|