diff --git a/packages/create-webpack-app/templates/init/default/webpack.config.js.tpl b/packages/create-webpack-app/templates/init/default/webpack.config.js.tpl
index 178aaf1a991..378ca0a49c4 100644
--- a/packages/create-webpack-app/templates/init/default/webpack.config.js.tpl
+++ b/packages/create-webpack-app/templates/init/default/webpack.config.js.tpl
@@ -16,6 +16,7 @@ const stylesHandler = 'style-loader';
 <% } %>
 <% } %>
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: '<%= entryPoint %>',
     output: {
diff --git a/packages/create-webpack-app/templates/init/react/webpack.config.js.tpl b/packages/create-webpack-app/templates/init/react/webpack.config.js.tpl
index 7a99442d836..68260a12093 100644
--- a/packages/create-webpack-app/templates/init/react/webpack.config.js.tpl
+++ b/packages/create-webpack-app/templates/init/react/webpack.config.js.tpl
@@ -16,6 +16,7 @@ const stylesHandler = 'style-loader';
 <% } %>
 <% } %>
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: '<%= entry %>',
     output: {
diff --git a/packages/create-webpack-app/templates/init/svelte/webpack.config.js.tpl b/packages/create-webpack-app/templates/init/svelte/webpack.config.js.tpl
index 14c608c3670..fa13512cce7 100644
--- a/packages/create-webpack-app/templates/init/svelte/webpack.config.js.tpl
+++ b/packages/create-webpack-app/templates/init/svelte/webpack.config.js.tpl
@@ -16,6 +16,7 @@ const stylesHandler = 'style-loader';
 <% } %>
 <% } %>
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: '<%= entry %>',
     output: {
diff --git a/packages/create-webpack-app/templates/init/vue/webpack.config.js.tpl b/packages/create-webpack-app/templates/init/vue/webpack.config.js.tpl
index 1c8913c9df4..e7a810c24ce 100644
--- a/packages/create-webpack-app/templates/init/vue/webpack.config.js.tpl
+++ b/packages/create-webpack-app/templates/init/vue/webpack.config.js.tpl
@@ -17,6 +17,7 @@ const stylesHandler = 'vue-style-loader';
 <% } %>
 <% } %>
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: '<%= entry %>',
     output: {
diff --git a/test/create-webpack-app/init/__snapshots__/init.test.js.snap.webpack5 b/test/create-webpack-app/init/__snapshots__/init.test.js.snap.webpack5
index 59cc6e322b1..fda19e8eceb 100644
--- a/test/create-webpack-app/init/__snapshots__/init.test.js.snap.webpack5
+++ b/test/create-webpack-app/init/__snapshots__/init.test.js.snap.webpack5
@@ -93,6 +93,7 @@ const path = require('path');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -165,6 +166,7 @@ const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -243,6 +245,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -317,6 +320,7 @@ const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -391,6 +395,7 @@ const path = require('path');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -542,6 +547,7 @@ const stylesHandler = 'style-loader';
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.jsx',
     output: {
@@ -657,6 +663,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.jsx',
     output: {
@@ -766,6 +773,7 @@ const stylesHandler = 'style-loader';
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/main.js',
     output: {
@@ -889,6 +897,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/main.js',
     output: {
@@ -994,6 +1003,7 @@ const path = require('path');
 const isProduction = process.env.NODE_ENV === 'production';
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.ts',
     output: {
@@ -1085,6 +1095,7 @@ const stylesHandler = 'vue-style-loader';
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/main.js',
     output: {
@@ -1206,6 +1217,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'vue-style-lo
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/main.js',
     output: {
@@ -1312,6 +1324,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1389,6 +1402,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1467,6 +1481,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1547,6 +1562,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1628,6 +1644,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1708,6 +1725,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {
@@ -1785,6 +1803,7 @@ const stylesHandler = isProduction ? MiniCssExtractPlugin.loader : 'style-loader
 
 
 
+/** @type {import("webpack").Configuration} */
 const config = {
     entry: './src/index.js',
     output: {