From 892e80308a26f5fb6c23379d89af134fa72a8aeb Mon Sep 17 00:00:00 2001 From: ics-ikeda Date: Tue, 27 Feb 2018 21:23:15 +0900 Subject: [PATCH] =?UTF-8?q?=E3=82=BC=E3=83=AD=E3=82=B3=E3=83=B3=E3=83=95?= =?UTF-8?q?=E3=82=A3=E3=82=B0=E3=81=AE=E3=82=B5=E3=83=B3=E3=83=97=E3=83=AB?= =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tutorial-babel-zero_config/.babelrc | 5 + tutorial-babel-zero_config/dist/main.js | 1 + tutorial-babel-zero_config/package.json | 13 +++ tutorial-babel-zero_config/src/index.js | 6 ++ tutorial-babel-zero_config/src/sub.js | 5 + tutorial-typescript-zero_config/dist/main.js | 1 + tutorial-typescript-zero_config/package.json | 12 +++ tutorial-typescript-zero_config/src/index.ts | 6 ++ tutorial-typescript-zero_config/src/sub.ts | 8 ++ tutorial-typescript-zero_config/tsconfig.json | 13 +++ tutorial-webpack-dev-server/dist/main.js | 98 +++++++++++++++++++ 11 files changed, 168 insertions(+) create mode 100644 tutorial-babel-zero_config/.babelrc create mode 100644 tutorial-babel-zero_config/dist/main.js create mode 100644 tutorial-babel-zero_config/package.json create mode 100644 tutorial-babel-zero_config/src/index.js create mode 100644 tutorial-babel-zero_config/src/sub.js create mode 100644 tutorial-typescript-zero_config/dist/main.js create mode 100644 tutorial-typescript-zero_config/package.json create mode 100644 tutorial-typescript-zero_config/src/index.ts create mode 100644 tutorial-typescript-zero_config/src/sub.ts create mode 100644 tutorial-typescript-zero_config/tsconfig.json create mode 100644 tutorial-webpack-dev-server/dist/main.js diff --git a/tutorial-babel-zero_config/.babelrc b/tutorial-babel-zero_config/.babelrc new file mode 100644 index 0000000..22c2a7f --- /dev/null +++ b/tutorial-babel-zero_config/.babelrc @@ -0,0 +1,5 @@ +{ + "presets": [ + ["env", {"modules": false}] + ] +} diff --git a/tutorial-babel-zero_config/dist/main.js b/tutorial-babel-zero_config/dist/main.js new file mode 100644 index 0000000..e42d2a5 --- /dev/null +++ b/tutorial-babel-zero_config/dist/main.js @@ -0,0 +1 @@ +!function(e){var n={};function r(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=n,r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p="",r(r.s=0)}([function(e,n,r){"use strict";r.r(n);!function(e){document.body.innerHTML=""+e,console.log(e+"を出力しました")}("Hello World")}]); \ No newline at end of file diff --git a/tutorial-babel-zero_config/package.json b/tutorial-babel-zero_config/package.json new file mode 100644 index 0000000..ec9ca3e --- /dev/null +++ b/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 +} diff --git a/tutorial-babel-zero_config/src/index.js b/tutorial-babel-zero_config/src/index.js new file mode 100644 index 0000000..2f51e1c --- /dev/null +++ b/tutorial-babel-zero_config/src/index.js @@ -0,0 +1,6 @@ +import {hello} from './sub'; + +const message = 'Hello World'; + +// sub.jsに定義されたJavaScriptを実行する。 +hello(message); \ No newline at end of file diff --git a/tutorial-babel-zero_config/src/sub.js b/tutorial-babel-zero_config/src/sub.js new file mode 100644 index 0000000..4b5481f --- /dev/null +++ b/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}を出力しました`); +}; \ No newline at end of file diff --git a/tutorial-typescript-zero_config/dist/main.js b/tutorial-typescript-zero_config/dist/main.js new file mode 100644 index 0000000..a2163b9 --- /dev/null +++ b/tutorial-typescript-zero_config/dist/main.js @@ -0,0 +1 @@ +!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";t.r(n);!function(e){!function(e){console.log(e+"を出力しました")}(e)}("Hello World")}]); \ No newline at end of file diff --git a/tutorial-typescript-zero_config/package.json b/tutorial-typescript-zero_config/package.json new file mode 100644 index 0000000..d9feb5f --- /dev/null +++ b/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 +} diff --git a/tutorial-typescript-zero_config/src/index.ts b/tutorial-typescript-zero_config/src/index.ts new file mode 100644 index 0000000..e3a155f --- /dev/null +++ b/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); diff --git a/tutorial-typescript-zero_config/src/sub.ts b/tutorial-typescript-zero_config/src/sub.ts new file mode 100644 index 0000000..1c2f967 --- /dev/null +++ b/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}を出力しました`); +} diff --git a/tutorial-typescript-zero_config/tsconfig.json b/tutorial-typescript-zero_config/tsconfig.json new file mode 100644 index 0000000..42f7740 --- /dev/null +++ b/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" + ] + } +} diff --git a/tutorial-webpack-dev-server/dist/main.js b/tutorial-webpack-dev-server/dist/main.js new file mode 100644 index 0000000..d5a8a7c --- /dev/null +++ b/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?"); + +/***/ }) + +/******/ }); \ No newline at end of file