aleleba/create-react-component-library
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-component-library.git synced 2025-06-20 04:48:18 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

PR-259604: Updating packages and fix css-loader.

Browse Source
This commit is contained in:
Alejandro Lembke Barrientos
2024-10-12 21:28:48 +00:00
parent 410dda1923
commit 7ab40e152d
5 changed files with 2477 additions and 2151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
.storybook/main.js
View File

@ -1,40 +1,43 @@
const path = require('path');
const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
const deFaultValues = {
PREFIX_URL: ''
PREFIX_URL: ''
}
const prefixUrl = process.env.PREFIX_URL ? process.env.PREFIX_URL : deFaultValues.PREFIX_URL
const prefixUrl = process.env.PREFIX_URL ? process.env.PREFIX_URL : deFaultValues.PREFIX_URL;
module.exports = {
"stories": ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
"addons": [
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
addons: [
"@storybook/addon-webpack5-compiler-babel",
"@storybook/addon-links",
"@storybook/addon-essentials",
"@storybook/addon-interactions",
{
name: '@storybook/preset-scss',
name: '@storybook/addon-styling-webpack',
options: {
cssLoaderOptions: {
modules: {
auto: /\.module\.\w+$/i,
rules: [
{
test: /\.(css|sass|scss)$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
modules: {
namedExport: false,
exportLocalsConvention: 'as-is',
auto: /\.module\.\w+$/i,
}
},
},
'sass-loader',
],
}
}
}
]
},
}
],
"webpackFinal": async config => {
config.module.rules.push(
{
test: /\.(ts|tsx)$/,
use: [
{
loader: 'ts-loader',
options: {
transpileOnly: true,
},
},
],
}
);
webpackFinal: async config => {
config.entry = config.entry.map(function(entry) {
if (entry.includes("webpack-hot-middleware")) {
return `${require.resolve('webpack-hot-middleware/client')}?path=${prefixUrl}__webpack_hmr&reload=true`;
@ -48,7 +51,7 @@ module.exports = {
config.resolve.plugins = [new TsconfigPathsPlugin()];
return config;
},
"framework": {
framework: {
name: "@storybook/react-webpack5",
options: {}
},
@ -61,6 +64,9 @@ module.exports = {
}
}
},
features: {
previewMdx2: true
},
docs: {
autodocs: true
}