Made task perform installation and config

vctr-dev · vctr-dev · commit 41698abd1790 · 2020-04-19T15:13:15.000+10:00
Install dependencies
Write package.json scripts
Create files
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,9 +1,9 @@
 {
-  "extends": "eslint:recommended",
-  "parserOptions": {
-    "ecmaVersion": 6
-  },
-  "env": {
-    "node": true
-  }
-}
+	"extends": "eslint:recommended",
+	"parserOptions": {
+		"ecmaVersion": 6
+	},
+	"env": {
+		"node": true
+	}
+}
diff --git a/index.js b/index.js
@@ -1,3 +1,39 @@
-function task() {}
+const { packageJson, install, copyFiles, makeDirs } = require("mrm-core");
+const fs = require("fs");
+const path = require("path");
 
-module.exports = task;
+module.exports = webpackTask;
+
+function webpackTask() {
+	installDependencies();
+	writeFiles();
+	writePackageJsonScripts();
+}
+
+function installDependencies() {
+	const webpackPackages = ["webpack", "webpack-cli", "webpack-dev-server"];
+	const loaderPackages = ["babel-loader", "style-loader", "css-loader"];
+	const loaderDependencies = ["@babel/core", "@babel/preset-env"];
+	install([...webpackPackages, ...loaderPackages, ...loaderDependencies], {
+		yarn: true,
+	});
+}
+
+function writeFiles() {
+	copyFiles(path.join(__dirname, "templates"), "webpack.config.js");
+	copyFiles(path.join(__dirname, "templates"), "index.html");
+	makeDirs("src");
+	const indexJsPath = path.join("src", "index.js");
+	if (!fs.existsSync(indexJsPath)) {
+		fs.writeFileSync(indexJsPath, "");
+		console.info(`Create ${indexJsPath}`);
+	}
+}
+
+function writePackageJsonScripts() {
+	packageJson()
+		.setScript("start:dev", "webpack-dev-server")
+		.setScript("build:dev", "webpack")
+		.setScript("build", "webpack --mode production")
+		.save();
+}
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script src="main.js"></script>
+</body>
+</html>
diff --git a/templates/webpack.config.js b/templates/webpack.config.js
@@ -0,0 +1,20 @@
+module.exports = {
+	module: {
+		rules: [
+			{
+				test: /\.m?js$/,
+				exclude: /(node_modules|bower_components)/,
+				use: {
+					loader: "babel-loader",
+					options: {
+						presets: ["@babel/preset-env"],
+					},
+				},
+			},
+			{
+				test: /\.css$/,
+				use: ["style-loader", "css-loader"],
+			},
+		],
+	},
+};
