Use the fluent API

webpack.mix.js

@@ -3,24 +3,20 @@ let mix = require('laravel-mix')
 require('laravel-mix-purgecss')
 
 mix.disableNotifications()
-
+  .postCss('assets/css/app.css', 'source/dist/css', [
-mix.postCss('assets/css/app.css', 'source/dist/css', [
+    require('postcss-nested'),
-  require('postcss-nested'),
+    require('tailwindcss')('tailwind.config.js'),
-  require('tailwindcss')('tailwind.config.js'),
+  ])
-])
+  .js('assets/js/app.js', 'source/dist/js')
-
+  .browserSync({
-mix.js('assets/js/app.js', 'source/dist/js')
+    proxy: 'localhost:8000',
-
+    files: [
-mix.browserSync({
+      'source/**/*.{html,md,twig}',
-  proxy: 'localhost:8000',
+    ],
-  files: [
+    notify: false,
-    'source/**/*.{html,md,twig}',
+  })
-  ],
+  .purgeCss({
-  notify: false,
+    folders: ['assets', 'output_*'],
-})
+    whitelistPatterns: [/language/, /hljs/],
-
+    whitelistPatternsChildren: [/^markdown$/]
-mix.purgeCss({
+  })
-  folders: ['assets', 'output_*'],
-  whitelistPatterns: [/language/, /hljs/],
-  whitelistPatternsChildren: [/^markdown$/]
-})