webpack.mix.js

let mix = require("laravel-mix");
// require("laravel-mix-purgecss");
require("dotenv").config();
/*
 |--------------------------------------------------------------------------
 | 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 f all the JS files.
 |
 */
const app = process.env.MIX_APP;
mix
  .sourceMaps()
  .js("resources/assets/js/app.js", "public/js")
  .js("resources/assets/js/datatable.js", "public/js")
  .sass("resources/assets/sass/wkhtml.scss", "public/css")
  .sass("resources/assets/sass/materialicons.scss", "public/css")
  .sass("resources/assets/sass/datatable.scss", "public/css")
  .stylus('resources/assets/stylus/vuetify.styl', 'public/css')
switch (app) {
  case 'prod':
    mix
    .sass("resources/assets/sass/app.scss", "public/css")
    .version()
    // .purgeCss({
    //   enabled: true,

    //   globs: [
    //     path.join(__dirname, "resources/views/**/*.blade.php"),
    //     path.join(__dirname, "resources/assets/js/**/*.vue")
    //   ],
    //   extensions: ["html", "js", "php", "vue"],
    //   whitelistPatterns: [/language/, /hljs/]
    // })
    ;
   break;

  case 'test':
    mix
    .sass("resources/assets/sass/app_test.scss", "public/css/app.css")
   break;
  case 'dev':
    mix
    .sass("resources/assets/sass/app_dev.scss", "public/css/app.css")
   break;
  default:
    break;
}

  // mix.browserSync("https://wwwachuchus.dev");