How to three-shaking three with webpack and nuxt?

Questions
1

Hi people!

I am trying to three shake threejs. I am using nuxt / webpack.
When I import modules like import { LoadingManager } from 'three' it will include the whole three.modules.js.

If I try to import like import { LoadingManager } from 'three/src/Three' as seen around the web, I got this error:

ERROR in ./node_modules/three/src/Three.js 109:9
Module parse failed: Unexpected token (109:9)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export { Interpolant } from './math/Interpolant.js';
| export { Triangle } from './math/Triangle.js';
> export * as MathUtils from './math/MathUtils.js';
| export { Spherical } from './math/Spherical.js';
| export { Cylindrical } from './math/Cylindrical.js';

Any tips to resolve this or to achieve three shaking?

Thank you!

L.