Unique manifest

README.md

@@ -3,5 +3,6 @@ This is an example of a [__Laravel Mix__](https://github.com/JeffreyWay/laravel-
 1. Run `npm install` to set up the dependencies.
 2. Modify `webpack.mix.admin.js` or `webpack.mix.website.js` if you want to change sources and destinations, or to play around with the build process of course.
 3. Run one of the build scripts and check out the output (for example `npm run dev`)
+4. If you need to share resources between `mix-manifest.json` use the `--unique-manifest` flag (for example `npm run dev -- --unique-manifest`).
 
 I put this together after reading through many excellent replies to various Laravel Mix issues. Feel free to fork this repo and add to it.

package.json

@@ -17,6 +17,7 @@
     "cross-env": "^5.0.4",
     "jquery": "^3",
     "laravel-mix": "^2.1.14",
+    "laravel-mix-merge-manifest": "^0.1.2",
     "less": "^3.8.1",
     "less-loader": "^4.0.5"
   }

webpack.mix.admin.js

@@ -1,10 +1,17 @@
 let mix = require('laravel-mix');
 
+let path = '';
+
+if (process.env.npm_config_unique_manifest) {
+  path = `${process.env.section}/`;
+  mix.setPublicPath('public_html/assets');
+} else {
+  mix.setPublicPath('public_html/assets/admin');
+}
+
 mix
-  .setPublicPath(path.normalize('public_html/assets/admin'))
   .options({
     processCssUrls: false
   })
-  .js('resources/assets/admin/js/admin.js', 'js/global.js')
-  .less('resources/assets/admin/less/admin.less', 'css/style.css')
-;
+  .js('resources/assets/admin/js/admin.js', `${path}js/global.js`)
+  .less('resources/assets/admin/less/admin.less', `${path}css/style.css`);

webpack.mix.js

@@ -1,5 +1,12 @@
 let mix = require('laravel-mix');
+require('laravel-mix-merge-manifest');
+
 
 if (process.env.section) {
   require(`${__dirname}/webpack.mix.${process.env.section}.js`);
-}
+}
+
+if (process.env.npm_config_unique_manifest) {
+  mix.mergeManifest();
+}
+

webpack.mix.website.js

@@ -1,10 +1,18 @@
 let { mix } = require('laravel-mix');
 
+let path = '';
+
+if (process.env.npm_config_unique_manifest) {
+  path = `${process.env.section}/`;
+  mix.setPublicPath('public_html/assets');
+} else {
+  mix.setPublicPath('public_html/assets/website');
+}
+
 mix
-  .setPublicPath(path.normalize('public_html/assets/website'))
-  .less('resources/assets/website/less/website.less', 'css/style.css')
   .options({
     processCssUrls: false
   })
-  .js('resources/assets/website/js/website.js', 'js/global.js')
+  .less('resources/assets/website/less/website.less', `${path}css/style.css`)
+  .js('resources/assets/website/js/website.js', `${path}js/global.js`);
 ;