From 20b4a39c869890414960cd95e6260f005752ba21 Mon Sep 17 00:00:00 2001 From: Jozielio Santiago Date: Tue, 23 Jan 2018 18:53:02 -0300 Subject: [PATCH] webpack and http-server --- app/index.js | 8 +++ build/app.js | 148 +++++++++++++++++++++++++++++++++++++++++++++++ build/app.js.map | 1 + package.json | 6 +- 4 files changed, 160 insertions(+), 3 deletions(-) create mode 100644 build/app.js create mode 100644 build/app.js.map diff --git a/app/index.js b/app/index.js index e69de29..8ba80bf 100644 --- a/app/index.js +++ b/app/index.js @@ -0,0 +1,8 @@ +import ImageMessage from './model/image-message.model'; + +const m = new ImageMessage(); + +console.log('Image Message'); +console.dir(m); + +console.log('Teste de cache'); diff --git a/build/app.js b/build/app.js new file mode 100644 index 0000000..73329ba --- /dev/null +++ b/build/app.js @@ -0,0 +1,148 @@ +/******/ (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 +/******/ }); +/******/ } +/******/ }; +/******/ +/******/ // 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 = 0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__model_image_message_model__ = __webpack_require__(1); + + +const m = new __WEBPACK_IMPORTED_MODULE_0__model_image_message_model__["a" /* default */](); + +console.log('Image Message'); +console.dir(m); + +console.log('Teste de cache'); + + +/***/ }), +/* 1 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__message_model__ = __webpack_require__(2); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__message_model___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__message_model__); + + +class ImageMessage extends __WEBPACK_IMPORTED_MODULE_0__message_model___default.a { + constructor(text = '', created = Date.now(), + url = '', thumbnail = '') { + super(text, created); + this.url = url; + this.thumbnail = thumbnail; + } + + /** + * Method overriden + * @returns String + */ + toString() { + return `Photo${super.toString()} ` + + `- Url: ${this.url} ` + + `- Thumbnail: ${this.thumbnail}`; + } +} +/* harmony export (immutable) */ __webpack_exports__["a"] = ImageMessage; + + + +/***/ }), +/* 2 */ +/***/ (function(module, exports) { + +class Message { + constructor(text = '', created = Date.now()) { + this.text = text; + this.created = created; + } + get created() { + return this._created; + } + set created(created) { + if (typeof created === 'undefined' || isNaN(created)) { + throw new Error('Invalid created'); + } + if (Message.hasOwnProperty.call(this, '_created')) { + throw new Error('Created already defined'); + } + this._created = created; + } + toString() { + const { created, text } = this; + return `Message created at: ${created} - Text: ${text}`; + } + static newEmptyMessage() { + return new Message(); + } +} +module.exports = Message; + + +/***/ }) +/******/ ]); +//# sourceMappingURL=app.js.map \ No newline at end of file diff --git a/build/app.js.map b/build/app.js.map new file mode 100644 index 0000000..3c02e0e --- /dev/null +++ b/build/app.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///webpack/bootstrap a94dd722011352ae5323","webpack:///./app/index.js","webpack:///./app/model/image-message.model.js","webpack:///./app/model/message.model.js"],"names":[],"mappings":";AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;;;AC7DA;;AAEA;;AAEA;AACA;;AAEA;;;;;;;;;;ACPA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mBAAmB,iBAAiB;AACpC,qBAAqB,SAAS;AAC9B,2BAA2B,eAAe;AAC1C;AACA;AAAA;AAAA;;;;;;;ACnBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,gBAAgB;AAC3B,kCAAkC,QAAQ,WAAW,KAAK;AAC1D;AACA;AACA;AACA;AACA;AACA","file":"app.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap a94dd722011352ae5323","import ImageMessage from './model/image-message.model';\n\nconst m = new ImageMessage();\n\nconsole.log('Image Message');\nconsole.dir(m);\n\nconsole.log('Teste de cache');\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/index.js\n// module id = 0\n// module chunks = 0","import Message from './message.model';\n\nexport default class ImageMessage extends Message {\n constructor(text = '', created = Date.now(),\n url = '', thumbnail = '') {\n super(text, created);\n this.url = url;\n this.thumbnail = thumbnail;\n }\n\n /**\n * Method overriden\n * @returns String\n */\n toString() {\n return `Photo${super.toString()} ` +\n `- Url: ${this.url} ` +\n `- Thumbnail: ${this.thumbnail}`;\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/model/image-message.model.js\n// module id = 1\n// module chunks = 0","class Message {\n constructor(text = '', created = Date.now()) {\n this.text = text;\n this.created = created;\n }\n get created() {\n return this._created;\n }\n set created(created) {\n if (typeof created === 'undefined' || isNaN(created)) {\n throw new Error('Invalid created');\n }\n if (Message.hasOwnProperty.call(this, '_created')) {\n throw new Error('Created already defined');\n }\n this._created = created;\n }\n toString() {\n const { created, text } = this;\n return `Message created at: ${created} - Text: ${text}`;\n }\n static newEmptyMessage() {\n return new Message();\n }\n}\nmodule.exports = Message;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/model/message.model.js\n// module id = 2\n// module chunks = 0"],"sourceRoot":""} \ No newline at end of file diff --git a/package.json b/package.json index e611a14..17284b1 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "scripts": { "start": "http-server", "lint": "eslint", - "build": "webpack", + "build": "webpack --watch --devtool source-map", "nodemon": "nodemon" }, "repository": { @@ -31,8 +31,8 @@ "eslint": "^3.14.0", "eslint-config-airbnb-base": "^11.0.1", "eslint-plugin-import": "^2.2.0", - "http-server": "^0.9.0", + "http-server": "^0.11.1", "nodemon": "^1.11.0", - "webpack": "^2.2.1" + "webpack": "^3.10.0" } }