GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Addon-docs: Docs mdxBabelOptions, since babelOptions overwritten by SB

Browse Source
This commit is contained in:
Michael Shilman 2020-06-27 11:12:08 +08:00
parent 5ff06d234f
commit 51117fd131
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
addons/docs/src/frameworks/common/preset.ts
View File

@ -13,19 +13,25 @@ const context = coreDirName.includes('node_modules')
? path.join(coreDirName, '../../') // Real life case, already in node_modules
: path.join(coreDirName, '../../node_modules'); // SB Monorepo
function createBabelOptions(babelOptions?: any, configureJSX?: boolean) {
// for frameworks that are not working with react, we need to configure
// the jsx to transpile mdx, for now there will be a flag for that
// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
const babelPlugins = (babelOptions && babelOptions.plugins) || [];
// for frameworks that are not working with react, we need to configure
// the jsx to transpile mdx, for now there will be a flag for that
// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
type BabelParams = {
babelOptions?: any;
mdxBabelOptions?: any;
configureJSX?: boolean;
};
function createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }: BabelParams) {
const babelPlugins = mdxBabelOptions?.plugins || babelOptions?.plugins || [];
const plugins = configureJSX
? [...babelPlugins, '@babel/plugin-transform-react-jsx']
: babelPlugins;
return {
// don't use the root babelrc by default (users can override this in babelOptions)
// don't use the root babelrc by default (users can override this in mdxBabelOptions)
babelrc: false,
...babelOptions,
...mdxBabelOptions,
plugins,
};
}
@ -40,6 +46,7 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
// also, these babel options are chained with other presets.
const {
babelOptions,
mdxBabelOptions,
configureJSX = options.framework !== 'react', // if not user-specified
sourceLoaderOptions = {},
} = options;
@ -83,7 +90,7 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
use: [
{
loader: require.resolve('babel-loader'),
options: createBabelOptions(babelOptions, configureJSX),
options: createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }),
},
{
loader: require.resolve('@mdx-js/loader'),
@ -100,7 +107,7 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
use: [
{
loader: require.resolve('babel-loader'),
options: createBabelOptions(babelOptions, configureJSX),
options: createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }),
},
{
loader: require.resolve('@mdx-js/loader'),