fix(template): remove depreacated config & fix possible undefined type

Author: ThierryRakotomanana

packages/create-webpack-app/templates/init/default/webpack.config.tpl

@@ -85,8 +85,8 @@ const config <% if (langType === "Typescript") { %>: Configuration <% } %>= {
 export default () => {
     if (isProduction) {
         config.mode = "production";<% if (extractPlugin === "Only for Production") { %>
-        config.plugins!.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
-        config.plugins!.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
+        config.plugins?.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
+        config.plugins?.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
     } else {
         config.mode = "development";
     }

packages/create-webpack-app/templates/init/react/webpack.config.tpl

@@ -89,8 +89,8 @@ const config <% if (langType === "Typescript") { %>: Configuration <% } %>= {
 export default () => {
     if (isProduction) {
         config.mode = "production";<% if (extractPlugin === "Only for Production") { %>
-        config.plugins.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
-        config.plugins.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
+        config.plugins?.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
+        config.plugins?.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
     } else {
         config.mode = "development";
     }

packages/create-webpack-app/templates/init/svelte/webpack.config.tpl

@@ -103,8 +103,8 @@ const config <% if (langType === "Typescript") { %>: Configuration <% } %>= {
 export default () => {
     if (isProduction) {
         config.mode = "production";<% if (extractPlugin === "Only for Production") { %>
-        config.plugins.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
-        config.plugins.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
+        config.plugins?.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
+        config.plugins?.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
     } else {
         config.mode = "development";
     }

packages/create-webpack-app/templates/init/vue/tsconfig.json.tpl

@@ -9,7 +9,6 @@
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
-    "baseUrl": ".",
     "verbatimModuleSyntax": true,
     "erasableSyntaxOnly": true,
     "isolatedModules": true,

packages/create-webpack-app/templates/init/vue/webpack.config.tpl

@@ -98,8 +98,8 @@ const config <% if (langType === "Typescript") { %>: Configuration <% } %>= {
 export default () => {
     if (isProduction) {
         config.mode = "production";<% if (extractPlugin === "Only for Production") { %>
-        config.plugins.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
-        config.plugins.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
+        config.plugins?.push(new MiniCssExtractPlugin());<% } %><% if (workboxWebpackPlugin) { %>
+        config.plugins?.push(new WorkboxWebpackPlugin.GenerateSW());<% } %>
     } else {
         config.mode = "development";
     }