Necesito configurar el webpack para que compile scripts y estilos en la carpeta de desarrollo, cada carpeta tiene su propio nombre. Debería transferir los archivos compilados a otro directorio con los mismos nombres de carpeta.
También necesito copiar estilos y scripts globales encima de estas carpetas.
¿Cómo implementar esto? Simplemente no puedo entender cómo hacerlo
No necesito copiar, necesito compilar en otro directorio con los mismos nombres de carpeta para cada componente
Ahora tengo esto.
const PATHS = { source: path.join(__dirname, 'src'), build: path.join(__dirname, '../web/dist'), }; const common = merge([ { entry: { 'script': PATHS.source + '/index.js' }, output: { path: PATHS.build, filename: './[name].js', }, module: {}, }, // fonts(), images(), babel() ]); module.exports = (env, argv) => { let config = common; if (argv.mode === 'development') { config = merge([ config, devCSS(), devserver(), ]); } if (argv.mode === 'production') { config = merge([ config, prodCSS() ]); if (!env) { config = merge([ { devtool: 'source-map', /* plugins: [ new CleanWebpackPlugin() ],*/ }, config, // favicon(PATHS) ]); } else if (env.update) { config = merge([ config, { watch: true, watchOptions: { aggregateTimeout: 300, poll: 1000, ignored: ['src/fonts', 'node_modules'] } } ]); } } return config; };