@vyriy/webpack-config 0.4.1 → 0.4.3

package/README.md

@@ -26,6 +26,8 @@ yarn add @vyriy/webpack-config webpack-cli
 
 The `webpack` package is listed in the install command because the shared config is consumed by Webpack at build time. Add `webpack-cli` only when the consumer project runs Webpack through CLI commands.
 
+Build loaders, Babel presets, and Babel plugins used by the shared config are resolved from `@vyriy/webpack-config`. Consumer projects do not need to install `babel-loader`, style loaders, or the shared Babel presets just to use the defaults.
+
 ## Usage
 
 For client bundles:
@@ -143,6 +145,7 @@ Shared defaults:
 
 CSR defaults:
 
+- loaders and Babel extensions are resolved from this package for workspace and package-manager isolation
 - production builds extract CSS with `MiniCssExtractPlugin`
 - development builds enable React refresh with `ReactRefreshWebpackPlugin`
 

package/babel.js

@@ -1,3 +1,4 @@
+import { resolveDependency } from './resolve-dependency.js';
 export const babel = (isSsr = false, isProduction = true) => {
     const isClientDevelopment = !isProduction && !isSsr;
     const envOptions = {
@@ -8,26 +9,26 @@ export const babel = (isSsr = false, isProduction = true) => {
     return {
         presets: [
             [
-                '@babel/preset-env',
+                resolveDependency('@babel/preset-env'),
                 envOptions,
             ],
             [
-                '@babel/preset-react',
+                resolveDependency('@babel/preset-react'),
                 {
                     runtime: 'automatic',
                     development: !isProduction,
                 },
             ],
-            '@babel/preset-typescript',
+            resolveDependency('@babel/preset-typescript'),
         ],
         plugins: [
             [
-                '@babel/plugin-transform-runtime',
+                resolveDependency('@babel/plugin-transform-runtime'),
                 {
                     regenerator: true,
                 },
             ],
-            ...(isClientDevelopment ? ['react-refresh/babel'] : []),
+            ...(isClientDevelopment ? [resolveDependency('react-refresh/babel')] : []),
         ],
     };
 };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@vyriy/webpack-config",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Shared Webpack config for Vyriy projects",
   "type": "module",
   "dependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.5",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@babel/register": "^7.29.3",
-    "@babel/runtime": "^7.29.2",
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-runtime": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@babel/register": "^7.29.7",
+    "@babel/runtime": "^7.29.7",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
-    "@vyriy/env": "0.4.1",
-    "@vyriy/html": "0.4.1",
-    "@vyriy/path": "0.4.1",
+    "@vyriy/env": "0.4.3",
+    "@vyriy/html": "0.4.3",
+    "@vyriy/path": "0.4.3",
     "babel-loader": "^10.1.1",
     "css-loader": "^7.1.4",
     "cssnano": "^8.0.1",
@@ -25,11 +25,13 @@
     "postcss-loader": "^8.2.1",
     "postcss-preset-env": "^11.3.0",
     "react-refresh": "^0.18.0",
-    "sass": "^1.99.0",
+    "sass": "^1.100.0",
     "sass-loader": "^17.0.0",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.6.0",
-    "webpack": "^5.107.1"
+    "webpack": "^5.107.2",
+    "webpack-cli": "^7.0.2",
+    "webpack-dev-server": "^5.2.4"
   },
   "agents": "./AGENTS.md",
   "license": "MIT",
@@ -136,6 +138,16 @@
       "import": "./postcss.js",
       "default": "./postcss.js"
     },
+    "./resolve-dependency": {
+      "types": "./resolve-dependency.d.ts",
+      "import": "./resolve-dependency.js",
+      "default": "./resolve-dependency.js"
+    },
+    "./resolve-dependency.js": {
+      "types": "./resolve-dependency.d.ts",
+      "import": "./resolve-dependency.js",
+      "default": "./resolve-dependency.js"
+    },
     "./resolve": {
       "types": "./resolve.d.ts",
       "import": "./resolve.js",

package/resolve-dependency.d.ts

@@ -0,0 +1 @@
+export declare const resolveDependency: (request: string) => string;

package/resolve-dependency.js

@@ -0,0 +1,3 @@
+import { createRequire } from 'node:module';
+const requireFromPackage = createRequire(import.meta.url);
+export const resolveDependency = (request) => requireFromPackage.resolve(request);

package/rules.js

@@ -1,6 +1,7 @@
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { babel } from './babel.js';
 import { postcss } from './postcss.js';
+import { resolveDependency } from './resolve-dependency.js';
 export const SCRIPT_TEST = /\.(mjs|cjs|js|jsx|mts|cts|ts|tsx)$/;
 export const STYLE_TEST = /\.(css|scss|sass)$/;
 export const rules = (isSsr = false, isProduction = true) => [
@@ -8,24 +9,24 @@ export const rules = (isSsr = false, isProduction = true) => [
         test: SCRIPT_TEST,
         exclude: /node_modules/,
         use: {
-            loader: 'babel-loader',
+            loader: resolveDependency('babel-loader'),
             options: babel(isSsr, isProduction),
         },
     },
     {
         test: STYLE_TEST,
         use: isSsr
-            ? ['null-loader']
+            ? [resolveDependency('null-loader')]
             : [
-                isProduction ? MiniCssExtractPlugin.loader : 'style-loader',
-                'css-loader',
+                isProduction ? MiniCssExtractPlugin.loader : resolveDependency('style-loader'),
+                resolveDependency('css-loader'),
                 {
-                    loader: 'postcss-loader',
+                    loader: resolveDependency('postcss-loader'),
                     options: {
                         postcssOptions: postcss(),
                     },
                 },
-                'sass-loader',
+                resolveDependency('sass-loader'),
             ],
     },
 ];