feat: added shared bundles configuration

CHANGELOG.md

@@ -1,3 +1,28 @@
+## [2.0.5](https://github.com/hayes0724/shopify-packer/compare/2.0.4...2.0.5) (2021-03-25)
+
+
+### :art: Styles
+
+* eslint and prettier issues fixed ([7c81a7c](https://github.com/hayes0724/shopify-packer/commit/7c81a7c9e41371f2378fce4e1812cf7b6504872f))
+
+
+### :bug: Bug Fixes
+
+* replace all special charcters in script names ([ce3da66](https://github.com/hayes0724/shopify-packer/commit/ce3da66879da16e88636e437f95eeea90528e48c))
+
+
+### :sparkles: Features
+
+* added default cache group ([0810d9d](https://github.com/hayes0724/shopify-packer/commit/0810d9dee94943809b7af17dd8e7e8c258607b1b))
+* added shared bundles configuration ([c082182](https://github.com/hayes0724/shopify-packer/commit/c08218264a5ac930eb98f8597838b02247f0b25b))
+
+
+### chore
+
+* eslint and prettier config for packer development ([797493a](https://github.com/hayes0724/shopify-packer/commit/797493a8ed8ecdafcdedaf10e83931e96ad21b39))
+
+
+
 ## [2.0.4](https://github.com/hayes0724/shopify-packer/compare/2.0.3...2.0.4) (2021-03-24)
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hayes0724/shopify-packer",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "bin": {
     "packer": "cli/index.js"
   },

packer.schema.js

@@ -7,4 +7,5 @@ module.exports = {
   'network.external': '',
   'network.interface': '',
   'network.reload': 0,
+  'build.sharedBundles': true,
 };

src/webpack/config/prod.config.js

@@ -4,28 +4,26 @@ const {merge} = require('webpack-merge');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const IncludeLiquidStylesPlugin = require('../include-liquid-styles');
-
 const PackerConfig = require('../../config');
 const config = new PackerConfig(require('../../../packer.schema'));
-
 const development = false;
 process.env.NODE_ENV = 'production';
-const getChunkName = require('../../utilities/get-chunk-name');
+const {customConfigCheck} = require('../custom');
 const getLayoutEntrypoints = require('../../utilities/get-layout-entrypoints');
 const getTemplateEntrypoints = require('../../utilities/get-template-entrypoints');
-const {customConfigCheck} = require('../custom');
+config.set('files.layout', getLayoutEntrypoints());
+config.set('files.template', getTemplateEntrypoints());
+
 // Parts
 const core = require('../parts/core');
 const css = require('../parts/css');
 const scss = require('../parts/scss');
-
+const optimization = require('../parts/optimization');
 const mergeProd = customConfigCheck(config.get('merge.prod'));
-config.set('layoutEntrypoints', getLayoutEntrypoints());
-config.set('templateEntrypoints', getTemplateEntrypoints());
 
 core.entry = {
-  ...config.get('layoutEntrypoints'),
-  ...config.get('templateEntrypoints'),
+  ...config.get('files.layout'),
+  ...config.get('files.template'),
   ...config.get('entrypoints'),
 };
 
@@ -36,6 +34,7 @@ const output = merge([
   {
     mode: 'production',
     devtool: false,
+    optimization: optimization,
     plugins: [
       new MiniCssExtractPlugin({
         filename: '[name].css',
@@ -58,8 +57,8 @@ const output = merge([
           preserveLineBreaks: true,
         },
         isDevServer: development,
-        liquidTemplates: config.get('templateEntrypoints'),
-        liquidLayouts: config.get('layoutEntrypoints'),
+        liquidTemplates: config.get('files.template'),
+        liquidLayouts: config.get('files.layout'),
       }),
 
       new HtmlWebpackPlugin({
@@ -74,30 +73,11 @@ const output = merge([
           preserveLineBreaks: true,
         },
         isDevServer: development,
-        liquidTemplates: config.get('templateEntrypoints'),
-        liquidLayouts: config.get('layoutEntrypoints'),
+        liquidTemplates: config.get('files.template'),
+        liquidLayouts: config.get('files.layout'),
       }),
       new IncludeLiquidStylesPlugin(),
     ],
-    optimization: {
-      nodeEnv: 'production',
-      minimize: true,
-      splitChunks: {
-        cacheGroups: {
-          defaultVendors: false,
-          vendor: {
-            test: /[\\/]node_modules[\\/]/,
-            name: getChunkName,
-            chunks: 'initial',
-          },
-          default: {
-            test: /[\\/]src[\\/]/,
-            name: getChunkName,
-            chunks: 'initial',
-          },
-        },
-      },
-    },
   },
   mergeProd,
 ]);

src/webpack/parts/optimization.js

@@ -0,0 +1,28 @@
+const getChunkName = require('../../utilities/get-chunk-name');
+const PackerConfig = require('../../config');
+const config = new PackerConfig(require('../../../packer.schema'));
+
+const optimization = {
+  nodeEnv: 'production',
+  minimize: true,
+  splitChunks: {
+    cacheGroups: {
+      defaultVendors: false,
+      vendor: {
+        test: /[\\/]node_modules[\\/]/,
+        name: getChunkName,
+        chunks: 'initial',
+        priority: 5,
+      },
+    },
+  },
+};
+
+if (config.get('build.sharedBundles')) {
+  optimization.splitChunks.cacheGroups.default = {
+    name: getChunkName,
+    chunks: 'all',
+  };
+}
+
+module.exports = optimization;