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.