Code from external modules not correctly transpiled

[claustres]

Eg on the client side async/await from kCore remains in app code, could be linked to:

• babel-loader doesn't transpile imported js from an outside directory babel/babel-loader#293
• Doesn't compile a npm linked module babel/babel-loader#149
• Symlinks in project - loader not working when using include? webpack/webpack#1643
• symbolic link duplicate module load webpack/webpack#554

[claustres]

Replacing all async/await is not sufficient, then we get errors like: Uncaught SyntaxError: Use of const in strict mode.

[claustres]

Different things have been tested without success so far:

• use include to add our module paths to the webpack config of babel-loader & vue-loader
  • using relative or absolute path without symlinks using fs.realpathSync
• remove our modules from the exclude pattern like /.*node_modules((?!kCore).)*$/
• process everything with babel-loader in project including node_modules
  • raises some issues on leaflet plugins and index.html
• set option resolve.symlinks: false
• changed loadComponent to target absolute path without symlinks using fs.realpathSync
  • components are not found at run time
• added alias targeting all modules, eg kCore > kCore/lib/client
• removed yarn links and resolve using ..
  • this seems to indicate it is not related to symlinks
• set babel options directly in webpack config instead of using .babelrc
  • this seems to indicate it is not related to bad config files read from modules instead of app

[claustres]

The sole solution that seems to work is to integrate module files into app files, without simlinks, so that babel correctly transpiles it.