He hecho un paquete para usar en otro proyecto. Anteriormente esto se transpiló con babel y nada se lió. La otra aplicación lo instalaría como un paquete npm y ese proyecto empaquetaría todo. Funcionó bien.

Ahora estoy empaquetando el paquete con Webpack para manejar algunas sacudidas de árboles. El proyecto incluye varios archivos json, estos se dividen en sus propios archivos, o puedo usar un complemento para almacenarlos como archivos json. Todo funciona bien, lo agrego a mi proyecto principal que usa este paquete, y cuando se carga, solo carga index.js, ninguno de los archivos fragmentados se agrega al paquete de proyectos principal. ¿Es posible hacer esto?

Aquí está mi webpack.config.js

 module.exports = { entry: './src/index.tsx', module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', exclude: [/node_modules/, /\.json$/], }, { test: /\.css$/i, use: ['style-loader', 'css-loader'], }, ], }, resolve: { extensions: ['.tsx', '.ts', '.js'], symlinks: false, }, output: { clean: true, path: path.resolve(__dirname, 'dist'), chunkFilename: '[id].js', publicPath: '/', filename: 'index.js', library: { name: 'dummyName', type: 'umd', }, }, mode: 'production', externals: { react: 'react', 'react-dom': 'react-dom', '@mui/material': '@mui/material', '@mui/styles': '@mui/styles', }, plugins: [ new CopyPlugin({ patterns: [ { from: './src/assets', to: 'assets' }, ], }), new BundleAnalyzerPlugin({ analyzerMode: 'disabled' }), ], };

¿Cómo puedo hacer esto?