feat(storybook): Custom .babelrc in Storybook (#10551)
This commit is contained in:
parent
8ed3c7071a
commit
52f824cfe1
@ -307,6 +307,10 @@
|
||||
"type": "string",
|
||||
"description": "Path to storybook preview.js file."
|
||||
},
|
||||
"babelrcPath": {
|
||||
"type": "string",
|
||||
"description": "Path to storybook .babelrc file."
|
||||
},
|
||||
"srcRoot": {
|
||||
"type": "string",
|
||||
"description": "Project source path."
|
||||
|
||||
@ -147,31 +147,36 @@ export const webpack = async (
|
||||
'11.0.0'
|
||||
)
|
||||
) {
|
||||
const babelrc = readJsonFile(
|
||||
joinPathFragments(options.configDir, '../', '.babelrc')
|
||||
);
|
||||
if (babelrc?.plugins?.includes('@emotion/babel-plugin')) {
|
||||
resolvedEmotionAliases = {
|
||||
resolve: {
|
||||
alias: {
|
||||
'@emotion/core': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/react'
|
||||
),
|
||||
'@emotion/styled': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/styled'
|
||||
),
|
||||
'emotion-theming': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/react'
|
||||
),
|
||||
try {
|
||||
const babelrc = readJsonFile(
|
||||
options.babelrcPath ||
|
||||
joinPathFragments(options.configDir, '../', '.babelrc')
|
||||
);
|
||||
if (babelrc?.plugins?.includes('@emotion/babel-plugin')) {
|
||||
resolvedEmotionAliases = {
|
||||
resolve: {
|
||||
alias: {
|
||||
'@emotion/core': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/react'
|
||||
),
|
||||
'@emotion/styled': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/styled'
|
||||
),
|
||||
'emotion-theming': joinPathFragments(
|
||||
workspaceRoot,
|
||||
'node_modules',
|
||||
'@emotion/react'
|
||||
),
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
}
|
||||
} catch (error) {
|
||||
// silently ignore if the .babelrc doesn't exist
|
||||
}
|
||||
}
|
||||
return mergeWebpack.merge(
|
||||
|
||||
@ -76,6 +76,10 @@
|
||||
"type": "string",
|
||||
"description": "Path to storybook preview.js file."
|
||||
},
|
||||
"babelrcPath": {
|
||||
"type": "string",
|
||||
"description": "Path to storybook .babelrc file."
|
||||
},
|
||||
"srcRoot": {
|
||||
"type": "string",
|
||||
"description": "Project source path."
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user