webpack.mix.js

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.styles([
   'resources/assets/css/reset.css',
   'resources/assets/css/common.css',
   'resources/assets/css/ddl.css',
   'resources/assets/css/survey.css',
   'resources/assets/css/fontawesome-all.min.css',
], 'public/css/all.css');


mix.styles('resources/assets/css/local.css', 'public/css/local.css');

mix.babel([
   'resources/assets/js/ddl.js',
   'resources/assets/js/lazysizes.min.js',
   'resources/assets/js/boostrap.min.js',
   ], 'public/js/all.js');

/*
const ImageminPlugin = require('imagemin-webpack-plugin').default;
const CopyWebpackPlugin = require('copy-webpack-plugin');
const imageminMozjpeg = require('imagemin-mozjpeg');


mix.webpackConfig({
    plugins: [
        new CopyWebpackPlugin([{
            from: 'public/storage/files',
            to: 'storage/files', // Laravel mix will place this in 'public/img'
        }]),
        new ImageminPlugin({
            test: /\.(jpe?g|png|gif|svg)$/i,
            plugins: [
                imageminMozjpeg({
                    quality: 50,
                })
            ]
        })
    ]
});
*/