add laravel-mix

header.php

@@ -13,7 +13,9 @@
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-
+ <link rel="dns-prefetch" href="//www.googletagmanager.com">
+ <link rel="dns-prefetch" href="//www.google-analytics.com">
+
  <?php 
  wp_head(); 
  do_action('page_builder_header_code'); 

src/assets/mix-manifest.json

@@ -0,0 +1,4 @@
+{
+ "/css/style.css": "/css/style.css",
+ "/js/all_js.js": "/js/all_js.js"
+}

src/assets/package.json

@@ -0,0 +1,15 @@
+{
+ "name": "assets",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "keywords": [],
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "laravel-mix": "^6.0.16"
+ }
+}

src/assets/css/tailwind.config.js → src/assets/tailwind.config.js

@@ -2,7 +2,7 @@ module.exports = {
 
  purge: {
  content: [
- 'file_scans/**/*.html',
+ './css/file_scans/files/**/*.html',
  ],
  },
 

src/assets/webpack.mix.js

@@ -0,0 +1,16 @@
+// webpack.mix.js
+let mix = require('laravel-mix');
+
+// Use the postcss.config.js (in this same folder)
+mix.postCss('css/tailwind.css', 'css/style.css');
+
+// Package all JS together
+mix.combine([
+ 'js/lazysizes.min.js',
+ 'js/lazysizes_plugins/ls.bgset.min.js', 
+ 'js/lazysizes_plugins/ls.unveilhooks.min.js',
+ 'js/youtube-lite/lite-yt-embed.js',
+ ], 
+ 'js/all_js.js',
+ true
+);