update dependency in template

Author: VoloshchenkoAl

bin/index.js

@@ -12,26 +12,24 @@ let projectName;
 program
     .version(packageJson.version)
     .arguments('<project-directory>')
-    .action(name => {
+    .action((name) => {
         projectName = name;
     })
     .parse(process.arg);
 
 createApp({ name: projectName });
 
-
 function createApp({ name }) {
     console.log('Installing...');
 
     const root = path.resolve(name);
     const templateDirPath = path.resolve(__dirname, '../', 'template');
     fs.ensureDirSync(root);
     fs.copySync(templateDirPath, root);
-    fs.writeFileSync(
-        path.join(root, 'package.json'),
-        updatePackageJson()
-    );
+    fs.writeFileSync(path.join(root, 'package.json'), updatePackageJson());
     install({ cwd: root });
+
+    console.log('Done');
 }
 
 function updatePackageJson() {
@@ -43,4 +41,4 @@ function updatePackageJson() {
 
 function install({ cwd }) {
     spawnSync('npm', ['install'], { cwd });
-}
+}

package.json

@@ -24,6 +24,6 @@
     },
     "keywords": [
         "typescript",
-        "create web app"
+        "create-web-app"
     ]
 }

template/package.json

@@ -1,27 +1,27 @@
 {
-  "name": "create-ts-web-app",
-  "version": "1.0.0",
-  "description": "",
-  "private": true,
-  "scripts": {
-    "build": "webpack --config webpack.prod.config.js",
-    "start": "webpack-dev-server --open"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "clean-webpack-plugin": "^3.0.0",
-    "css-loader": "^3.5.2",
-    "html-webpack-plugin": "^4.2.0",
-    "mini-css-extract-plugin": "^0.9.0",
-    "sass": "^1.26.3",
-    "sass-loader": "^8.0.2",
-    "style-loader": "^1.1.3",
-    "ts-loader": "^7.0.0",
-    "typescript": "^3.8.3",
-    "webpack": "^4.42.1",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3"
-  }
+    "name": "create-ts-web-app",
+    "version": "1.0.0",
+    "description": "",
+    "private": true,
+    "scripts": {
+        "build": "webpack --config webpack.prod.config.js",
+        "start": "webpack-dev-server --open"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "devDependencies": {
+        "clean-webpack-plugin": "^3.0.0",
+        "css-loader": "^3.6.0",
+        "html-webpack-plugin": "^4.5.0",
+        "mini-css-extract-plugin": "^1.0.0",
+        "sass": "^1.27.0",
+        "sass-loader": "^8.0.2",
+        "style-loader": "^1.3.0",
+        "ts-loader": "^8.0.5",
+        "typescript": "^4.0.3",
+        "webpack": "^4.44.2",
+        "webpack-cli": "^3.3.12",
+        "webpack-dev-server": "^3.11.0"
+    }
 }

template/webpack.config.js

@@ -18,25 +18,22 @@ module.exports = {
             },
             {
                 test: /\.s[ac]ss$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'sass-loader',
-                ]
-            }
-        ]
+                use: ['style-loader', 'css-loader', 'sass-loader'],
+            },
+        ],
     },
     devServer: {
         contentBase: path.join(__dirname, 'src'),
         hot: true,
+        port: 8080,
     },
     resolve: {
         extensions: ['.ts', '.js', '.json'],
-        modules: ['node_modules']
+        modules: ['node_modules'],
     },
     plugins: [
         new HtmlWebpackPlugin({
-            template: path.join(__dirname, 'public', 'index.html')
+            template: path.join(__dirname, 'public', 'index.html'),
         }),
-    ]
+    ],
 };

template/webpack.prod.config.js

@@ -19,25 +19,21 @@ module.exports = {
             },
             {
                 test: /\.s[ac]ss$/,
-                use: [
-                    MiniCssExtractPlugin.loader,
-                    'css-loader',
-                    'sass-loader',
-                ]
-            }
-        ]
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
+            },
+        ],
     },
     resolve: {
         extensions: ['.ts', '.js', '.json'],
-        modules: ['node_modules']
+        modules: ['node_modules'],
     },
     plugins: [
         new CleanWebpackPlugin(),
         new MiniCssExtractPlugin({
             filename: '[name].[hash].css',
         }),
         new HtmlWebpackPlugin({
-            template: path.join(__dirname, 'public', 'index.html')
+            template: path.join(__dirname, 'public', 'index.html'),
         }),
-    ]
+    ],
 };