babelInclude on a symlink folder does not work

i have an external component folder linked to my web project through npm-link. on my web project i have configured config-override to babel parse the npm-linked folder withe the proper plugin.

this works well when not using npm link and simply downloading from npm when using npm-link i get errors related to not using “babel/plugin-proposal-class-properties”

tried also replacing:

path.resolve(‘node_modules/@blio’),

with

fs.realpathSync(‘node_modules/@blio’)

and it didn’t help either

i am using: “react-scripts”: “3.0.0”, “customize-cra”: “^0.2.14”,

const { override, fixBabelImports, addBabelPlugin, babelInclude, addLessLoader } = require('customize-cra');
const path                                                                       = require('path');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#047fff' },
  }),
  addBabelPlugin('@babel/plugin-proposal-class-properties'),
  babelInclude([
    path.resolve('src'), // don't forget this
    path.resolve('node_modules/@blio'),
  ]),
);

[switz]

Thanks Mark, I’ve found a workaround: using fs.realPathSync instead of Path.resolve

Life saver! Only one note for future visitors, it’s fs.realpathSync (see casing).

Thanks so much @royair

[royair]

Thanks Mark, I’ve found a workaround: using fs.realPathSync instead of Path.resolve