mirror of
https://github.com/LukeHagar/firecamp.git
synced 2025-12-09 20:37:45 +00:00
88 lines
2.6 KiB
JavaScript
88 lines
2.6 KiB
JavaScript
const path = require('path');
|
|
module.exports = {
|
|
stories: [
|
|
'../src/stories/**/*.stories.mdx',
|
|
'../src/components/**/*.stories.mdx',
|
|
'../src/stories/**/*.stories.@(js|jsx|ts|tsx)',
|
|
'../src/components/**/*.stories.@(js|jsx|ts|tsx)',
|
|
],
|
|
addons: [
|
|
'@storybook/addon-links',
|
|
'@storybook/addon-essentials',
|
|
'@storybook/addon-interactions',
|
|
'@storybook/addon-jest',
|
|
],
|
|
framework: '@storybook/react',
|
|
core: {
|
|
builder: '@storybook/builder-webpack5',
|
|
},
|
|
webpackFinal: (config) => {
|
|
// add SCSS support for CSS Modules
|
|
config.module.rules.push({
|
|
test: /\.s[ac]ss$/,
|
|
use: ['style-loader', 'css-loader', 'sass-loader'],
|
|
include: path.resolve(__dirname, '../'),
|
|
});
|
|
|
|
// add postcss-loader for tailwindcss
|
|
config.module.rules.push({
|
|
test: /\.css$/,
|
|
use: [
|
|
{
|
|
loader: 'postcss-loader',
|
|
options: {
|
|
postcssOptions: {
|
|
plugins: [require('tailwindcss'), require('autoprefixer')],
|
|
},
|
|
},
|
|
},
|
|
],
|
|
include: path.resolve(__dirname, '../'),
|
|
});
|
|
|
|
config.module.rules.push({
|
|
test: /\.txt$/,
|
|
use: ['raw-loader'],
|
|
include: path.resolve(__dirname, '../'),
|
|
});
|
|
|
|
config.resolve.alias = {
|
|
...config.resolve.alias,
|
|
'@firecamp/rest-executor/dist/esm': path.join(
|
|
__dirname,
|
|
'../../firecamp-scripts/snippets/index.js'
|
|
),
|
|
'react-hook-form': path.join(
|
|
__dirname,
|
|
'../../../node_modules/react-hook-form'
|
|
),
|
|
|
|
// "https": path.join(__dirname, "../../../node_modules/@types/node/https.d.ts"),
|
|
// "fs": path.join(__dirname, "../../../node_modules/@types/node/ts4.8/fs.d.ts")
|
|
// "react/jsx-dev-runtime": path.join(__dirname, "../../../node_modules/react/jsx-dev-runtime.js"),
|
|
// "react/jsx-runtime": path.join(__dirname, "../../../node_modules/react/jsx-runtime.js")
|
|
};
|
|
// console.log(config);
|
|
config.externals = {
|
|
...config.externals,
|
|
vscode: 'commonjs vscode', // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
|
|
};
|
|
|
|
// Alternately, for an alias:
|
|
config.resolve.alias = {
|
|
...config.resolve.alias,
|
|
'@components': path.resolve(__dirname, '..', 'src', 'components'),
|
|
};
|
|
|
|
return config;
|
|
},
|
|
/**
|
|
* TODO: remove after storybook migration to v7
|
|
* @ref: https://github.com/storybookjs/storybook/issues/21642#issuecomment-1474350363
|
|
*/
|
|
|
|
typescript: {
|
|
reactDocgen: false,
|
|
},
|
|
};
|