ゼロコンフィグのサンプルを追加

tutorial-babel-zero_config/.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    ["env", {"modules": false}]
+  ]
+}

tutorial-babel-zero_config/package.json

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "build": "webpack --mode production --module-bind 'js=babel-loader'"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.3",
+    "babel-preset-env": "^1.6.1",
+    "webpack": "^4.0.1",
+    "webpack-cli": "^2.0.9"
+  },
+  "private": true
+}

tutorial-babel-zero_config/src/index.js

@@ -0,0 +1,6 @@
+import {hello} from './sub';
+
+const message = 'Hello World';
+
+// sub.jsに定義されたJavaScriptを実行する。
+hello(message);

tutorial-babel-zero_config/src/sub.js

@@ -0,0 +1,5 @@
+// module.exportを使ってhello関数を定義する。
+export const hello = (message) => {
+  document.body.innerHTML = (`${message}`);
+  console.log(`${message}を出力しました`);
+};

tutorial-typescript-zero_config/package.json

@@ -0,0 +1,12 @@
+{
+  "scripts": {
+    "build": "webpack --mode production --module-bind 'ts=ts-loader' --resolve-extensions .ts"
+  },
+  "devDependencies": {
+    "ts-loader": "^4.0.0",
+    "typescript": "^2.7.2",
+    "webpack": "^4.0.1",
+    "webpack-cli": "^2.0.9"
+  },
+  "private": true
+}

tutorial-typescript-zero_config/src/index.ts

@@ -0,0 +1,6 @@
+import {hello} from './sub';
+
+const message: string = 'Hello World';
+
+// sub.jsに定義されたJavaScriptを実行する。
+hello(message);

tutorial-typescript-zero_config/src/sub.ts

@@ -0,0 +1,8 @@
+// module.exportを使ってhello関数を定義する。
+export const hello = (message: string): void => {
+  log(message);
+};
+
+function log(message: string): void {
+  console.log(`${message}を出力しました`);
+}

tutorial-typescript-zero_config/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "sourceMap": true,
+    // TSはECMAScript 5に変換
+    "target": "es5",
+    // TSのモジュールはES Modulesとして出力
+    "module": "es2015",
+    "lib": [
+      "dom",
+      "es2017"
+    ]
+  }
+}

tutorial-webpack-dev-server/dist/main.js

@@ -0,0 +1,98 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "./src/index.js":
+/*!**********************!*\
+  !*** ./src/index.js ***!
+  \**********************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _sub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sub */ \"./src/sub.js\");\n\n\nObject(_sub__WEBPACK_IMPORTED_MODULE_0__[\"hello\"])(\"こんにちは、世界 !\");\n\n\n//# sourceURL=webpack:///./src/index.js?");
+
+/***/ }),
+
+/***/ "./src/sub.js":
+/*!********************!*\
+  !*** ./src/sub.js ***!
+  \********************/
+/*! exports provided: hello */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"hello\", function() { return hello; });\n// hello関数を定義する。\nfunction hello(message) {\n  document.body.innerHTML = message;\n  console.log(message);\n}\n\n\n//# sourceURL=webpack:///./src/sub.js?");
+
+/***/ })
+
+/******/ });