enable asset experiment

examples/asset-advanced/README.md

@@ -64,9 +64,6 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };
 ```
@@ -95,37 +92,40 @@ module.exports = "data:image/svg+xml,%3csvg xmlns='http://www.w3.or...3c/svg%3e"
 
 <details><summary><code>/* webpack runtime code */</code></summary>
 
-``` js
+```js
 /************************************************************************/
 /******/ // The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ var __webpack_module_cache__ = {}; // The require function
 /******/
-/******/ 	// The require function
+/******/ /******/ function __webpack_require__(moduleId) {
-/******/ 	function __webpack_require__(moduleId) {
+	/******/ // Check if module is in cache
-/******/ 		// Check if module is in cache
+	/******/ if (__webpack_module_cache__[moduleId]) {
-/******/ 		if(__webpack_module_cache__[moduleId]) {
+		/******/ return __webpack_module_cache__[moduleId].exports;
-/******/ 			return __webpack_module_cache__[moduleId].exports;
+		/******/
-/******/ 		}
+	} // Create a new module (and put it into the cache)
-/******/ 		// Create a new module (and put it into the cache)
+	/******/ /******/ var module = (__webpack_module_cache__[moduleId] = {
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+		/******/ // no module.id needed
-/******/ 			// no module.id needed
+		/******/ // no module.loaded needed
-/******/ 			// no module.loaded needed
+		/******/ exports: {}
-/******/ 			exports: {}
+		/******/
-/******/ 		};
+	}); // Execute the module function
-/******/ 	
+	/******/
-/******/ 		// Execute the module function
+	/******/ /******/ __webpack_modules__[moduleId](
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+		module,
-/******/ 	
+		module.exports,
-/******/ 		// Return the exports of the module
+		__webpack_require__
-/******/ 		return module.exports;
+	); // Return the exports of the module
-/******/ 	}
+	/******/
+	/******/ /******/ return module.exports;
+	/******/
+}
 /******/
 /************************************************************************/
 ```
 
 </details>
 
-``` js
+```js
 (() => {
 /*!********************!*\
   !*** ./example.js ***!

examples/asset-advanced/webpack.config.js

@@ -24,8 +24,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

examples/asset-simple/README.md

@@ -51,9 +51,6 @@ module.exports = {
 				type: "asset"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };
 ```
@@ -106,43 +103,46 @@ module.exports = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDo...vc3ZnPgo="
 
 <details><summary><code>/* webpack runtime code */</code></summary>
 
-``` js
+```js
 /************************************************************************/
 /******/ // The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ var __webpack_module_cache__ = {}; // The require function
 /******/
-/******/ 	// The require function
+/******/ /******/ function __webpack_require__(moduleId) {
-/******/ 	function __webpack_require__(moduleId) {
+	/******/ // Check if module is in cache
-/******/ 		// Check if module is in cache
+	/******/ if (__webpack_module_cache__[moduleId]) {
-/******/ 		if(__webpack_module_cache__[moduleId]) {
+		/******/ return __webpack_module_cache__[moduleId].exports;
-/******/ 			return __webpack_module_cache__[moduleId].exports;
+		/******/
-/******/ 		}
+	} // Create a new module (and put it into the cache)
-/******/ 		// Create a new module (and put it into the cache)
+	/******/ /******/ var module = (__webpack_module_cache__[moduleId] = {
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+		/******/ // no module.id needed
-/******/ 			// no module.id needed
+		/******/ // no module.loaded needed
-/******/ 			// no module.loaded needed
+		/******/ exports: {}
-/******/ 			exports: {}
+		/******/
-/******/ 		};
+	}); // Execute the module function
-/******/ 	
+	/******/
-/******/ 		// Execute the module function
+	/******/ /******/ __webpack_modules__[moduleId](
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+		module,
-/******/ 	
+		module.exports,
-/******/ 		// Return the exports of the module
+		__webpack_require__
-/******/ 		return module.exports;
+	); // Return the exports of the module
-/******/ 	}
+	/******/
+	/******/ /******/ return module.exports;
+	/******/
+} /* webpack/runtime/publicPath */
 /******/
 /************************************************************************/
-/******/ 	/* webpack/runtime/publicPath */
+/******/ /******/ (() => {
-/******/ 	(() => {
+	/******/ __webpack_require__.p = "dist/";
-/******/ 		__webpack_require__.p = "dist/";
+	/******/
-/******/ 	})();
+})();
 /******/
 /************************************************************************/
 ```
 
 </details>
 
-``` js
+```js
 (() => {
 /*!********************!*\
   !*** ./example.js ***!

examples/asset-simple/webpack.config.js

@@ -9,8 +9,5 @@ module.exports = {
 				type: "asset"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

lib/WebpackOptionsApply.js

@@ -7,6 +7,7 @@
 
 const OptionsApply = require("./OptionsApply");
 
+const AssetModulesPlugin = require("./asset/AssetModulesPlugin");
 const JavascriptModulesPlugin = require("./javascript/JavascriptModulesPlugin");
 const JsonModulesPlugin = require("./json/JsonModulesPlugin");
 
@@ -234,6 +235,7 @@ class WebpackOptionsApply extends OptionsApply {
 
 		new JavascriptModulesPlugin().apply(compiler);
 		new JsonModulesPlugin().apply(compiler);
+		new AssetModulesPlugin().apply(compiler);
 
 		if (!options.experiments.outputModule) {
 			if (options.output.module) {
@@ -253,11 +255,6 @@ class WebpackOptionsApply extends OptionsApply {
 			}
 		}
 
-		if (options.experiments.asset) {
-			const AssetModulesPlugin = require("./asset/AssetModulesPlugin");
-			new AssetModulesPlugin().apply(compiler);
-		}
-
 		if (options.experiments.syncWebAssembly) {
 			const WebAssemblyModulesPlugin = require("./wasm/WebAssemblyModulesPlugin");
 			new WebAssemblyModulesPlugin({

lib/config/defaults.js

@@ -159,7 +159,6 @@ const applyWebpackOptionsDefaults = options => {
 		mjs: options.experiments.mjs,
 		syncWebAssembly: options.experiments.syncWebAssembly,
 		asyncWebAssembly: options.experiments.asyncWebAssembly,
-		asset: options.experiments.asset,
 		webTarget
 	});
 
@@ -246,7 +245,6 @@ const applyWebpackOptionsDefaults = options => {
  * @returns {void}
  */
 const applyExperimentsDefaults = experiments => {
-	D(experiments, "asset", false);
 	D(experiments, "mjs", false);
 	D(experiments, "topLevelAwait", false);
 	D(experiments, "syncWebAssembly", false);
@@ -359,13 +357,12 @@ const applySnapshotDefaults = (snapshot, { production }) => {
  * @param {boolean} options.mjs is mjs enabled
  * @param {boolean} options.syncWebAssembly is syncWebAssembly enabled
  * @param {boolean} options.asyncWebAssembly is asyncWebAssembly enabled
- * @param {boolean} options.asset is asset experiment enabled
  * @param {boolean} options.webTarget is web target
  * @returns {void}
  */
 const applyModuleDefaults = (
 	module,
-	{ cache, mjs, syncWebAssembly, asyncWebAssembly, asset, webTarget }
+	{ cache, mjs, syncWebAssembly, asyncWebAssembly, webTarget }
 ) => {
 	D(module, "unknownContextRequest", ".");
 	D(module, "unknownContextRegExp", false);
@@ -408,6 +405,10 @@ const applyModuleDefaults = (
 			{
 				mimetype: "application/json",
 				type: "json"
+			},
+			{
+				dependency: "url",
+				type: "asset/resource"
 			}
 		];
 		if (mjs) {
@@ -511,13 +512,6 @@ const applyModuleDefaults = (
 				...wasm
 			});
 		}
-		if (asset) {
-			rules.push({
-				dependency: "url",
-				type: "asset/resource"
-			});
-		}
-
 		return rules;
 	});
 };

test/Defaults.unittest.js

@@ -89,7 +89,6 @@ describe("Defaults", () => {
 		    },
 		  },
 		  "experiments": Object {
-		    "asset": false,
 		    "asyncWebAssembly": false,
 		    "mjs": false,
 		    "outputModule": false,
@@ -121,6 +120,10 @@ describe("Defaults", () => {
 		        "mimetype": "application/json",
 		        "type": "json",
 		      },
+		      Object {
+		        "dependency": "url",
+		        "type": "asset/resource",
+		      },
 		      Object {
 		        "mimetype": Object {
 		          "or": Array [

test/configCases/asset-modules/assetModuleFilename/webpack.config.js

@@ -19,8 +19,5 @@ module.exports = {
 				type: "asset/resource"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/custom-condition/webpack.config.js

@@ -44,8 +44,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/custom-encoder/webpack.config.js

@@ -31,8 +31,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/data-url/webpack.config.js

@@ -17,8 +17,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/opus/webpack.config.js

@@ -8,8 +8,5 @@ module.exports = {
 				type: "asset"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/overridePath/webpack.config.js

@@ -18,8 +18,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/path/webpack.config.js

@@ -11,8 +11,5 @@ module.exports = {
 				type: "asset"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/publicPath/webpack.config.js

@@ -12,8 +12,5 @@ module.exports = {
 				type: "asset"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/query-and-custom-condition/webpack.config.js

@@ -12,8 +12,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/query-and-custom-encoder/webpack.config.js

@@ -26,8 +26,5 @@ module.exports = {
 				}
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/query/webpack.config.js

@@ -7,8 +7,5 @@ module.exports = {
 				type: "asset/resource"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/real-content-hash/webpack.config.js

@@ -12,8 +12,5 @@ module.exports = {
 				type: "asset/resource"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/source/webpack.config.js

@@ -8,8 +8,5 @@ module.exports = {
 				type: "asset/source"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-modules/types/webpack.config.js

@@ -12,8 +12,5 @@ module.exports = {
 				type: "asset/resource"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-node1/webpack.config.js

@@ -15,8 +15,5 @@ module.exports = {
 				loader: "url-loader"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-node2/webpack.config.js

@@ -5,8 +5,5 @@ module.exports = {
 	devtool: false,
 	output: {
 		assetModuleFilename: "[name][ext]"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-node3/webpack.config.js

@@ -6,8 +6,5 @@ module.exports = {
 	output: {
 		assetModuleFilename: "[name][ext]",
 		publicPath: "https://example.com/"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-web1/webpack.config.js

@@ -14,8 +14,5 @@ module.exports = {
 				loader: "url-loader"
 			}
 		]
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-web2/webpack.config.js

@@ -6,8 +6,5 @@ module.exports = {
 	output: {
 		assetModuleFilename: "[name][ext]",
 		publicPath: "/path2/"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-webworker1/webpack.config.js

@@ -6,8 +6,5 @@ module.exports = {
 	output: {
 		filename: "deep/path/[name].js",
 		assetModuleFilename: "[path][name][ext]"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/configCases/asset-url/target-webworker2/webpack.config.js

@@ -6,8 +6,5 @@ module.exports = {
 	output: {
 		assetModuleFilename: "[name][ext]",
 		publicPath: "/"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/statsCases/asset/webpack.config.js

@@ -19,8 +19,5 @@ module.exports = {
 	},
 	output: {
 		filename: "bundle.js"
-	},
-	experiments: {
-		asset: true
 	}
 };

test/statsCases/real-content-hash/webpack.config.js

@@ -17,9 +17,6 @@ const base = {
 	},
 	stats: {
 		relatedAssets: true
-	},
-	experiments: {
-		asset: true
 	}
 };