files - gulpuglifyerror: unable to minify javascript

Concat y minify archivos CSS con Webpack sin requerirlos

Question

Tengo una parte antigua de una aplicación que contiene algunos archivos CSS que se concatenan y minifican con script gulp.

Y tengo una nueva aplicación que se incluye con Webpack.

¿Es posible ensamblar el antiguo CSS con Webpack sin ninguna llamada adicional? Simplemente obtenga todos los CSS de old_css / ** / *. Css, concat, minify y write to assets / old.css?

Answer 1

Puede lograr esto "requiriendo" los archivos CSS a través de una entrada separada. Terminarás con algo como esto:

{
entry: {
styles: glob(''old_css/**/*.css''), // array of css files
...
},
output: {
filename: ''[name].[chunkhash].js'',
...
},
module: {
loaders: [
{
test: //.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader")
},
...
]
},
plugins: [
new ExtractTextPlugin(''[name].[chunkhash].css''),
...
],
...
}

Obtendrá un archivo JavaScript con el nombre de su entrada de estilo además del archivo CSS. Sin embargo, puedes ignorar eso.