Estoy refactorizando un proyecto que tiene un paquete web en funcionamiento. Básicamente, estoy tratando de cambiar la carpeta de origen raíz del proyecto y tengo un problema. He estado depurando durante tanto tiempo pero no puedo ver lo que me estoy perdiendo.
En mi archivo tsconfig.json tengo la siguiente configuración
"baseUrl": "./", "paths": { "src/*": [ "src/*" ], "test/*": [ "test/*" ] }En el archivo webpack.common.js tengo lo siguiente
const includePaths = ['node_modules', 'src']; resolve: { extensions: ['.ts', '.tsx', '.js', '.jsx'], modules: includePaths, }, Mi carpeta de origen está en la raíz de mi proyecto. Básicamente, debería poder llegar con ./src
Así es como agrupar:
rm -rf ./build && webpack --config webpack.dev.jswebpack.dev.js
merge(common, config, { entry: { main: [ `${__dirname}/src/environment`, 'webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true', `${__dirname}/src/main`, ], },Cuando ejecuto el paquete en modo reloj, veo algo como:
These dependencies were not found: src/<somefolder>/<somefile> in ./src/<somefolder>/<somefile.tsx> Module not found: Error: Can't resolve ...Lo extraño es que cuando la carpeta src estaba debajo de otra carpeta, por ejemplo. frontend/src, se empaquetó sin problemas. Sospecho que algo está mal en tsconfig, pero no puedo resolverlo. ¿Puede ayudarme alguien, por favor?
Agregar un alias como este funcionó, pero realmente no entiendo cómo funcionaba la versión anterior sin el alias.
alias: { src: path.resolve(__dirname, 'src'), },