Use .babelrc for markdown generated examples

[yang-jandro]

Is it possible to use a projects .bablerc for parsing a markdown example and on live edit? New to styleguidist and everything else seems to be working as excepted.

styleguide.config.js

module.exports = {
    components: './src/components/**/*.{js,jsx}',
    webpackConfig: require('./webpack.config.js'),
    template: './.styleguide/template.html'
};

package.json

{
  "scripts": {
    "styleguide": "styleguidist server"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "css-loader": "^0.28.7",
    "less": "^2.7.3",
    "less-loader": "^4.0.5",
    "style-loader": "^0.19.1",
    "webpack": "^3.10.0",
    "webpack-merge": "^4.1.1"
  },
  "dependencies": {
    "babel-polyfill": "^6.26.0",
    "query-string": "^5.0.1",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-highcharts": "^16.0.2",
    "react-router-dom": "^4.2.2",
    "react-scroll-to-component": "^1.0.2"
  }
}

webpack.config.js

const path = require('path');
const APP_DIR = path.resolve(__dirname, 'src');

module.exports = {
    module: {
        loaders: [
            {
                test: /\.(js|jsx)$/,
                include: APP_DIR,
                loader: 'babel-loader'
            },
            {
                test: /\.less$/,
                use: [
                    'style-loader',
                    {
                        loader: 'css-loader',
                        options: {
                            importLoaders: 1,
                            modules: true,
                            localIdentName: '[name]__[local]__[hash:base64:5]'
                        }
                    },
                    'less-loader'
                ]
            }
        ]
    },
    resolve: {
        extensions: ['.js', '.jsx'],
        modules: [ path.resolve(__dirname, 'src'), 'node_modules' ]
    }
}

.bablerc

{
    "presets": [
        "env",
        "react"
    ],
    "plugins": [
        "transform-class-properties",
        "transform-object-rest-spread"
    ]
}

Error

[sapegin]

We don't use Babel:
https://react-styleguidist.js.org/docs/documenting#writing-code-examples

[yang-jandro]

@sapegin I see now. Must have miss read Buble for Babel. Thanks.