(this["webpackJsonplaern-ww-wp-cra-t"] = this["webpackJsonplaern-ww-wp-cra-t"] || []).push([["webworker"],{ /***/ "./src/webworker.ts": /*!**************************!*\ !*** ./src/webworker.ts ***! \**************************/ /*! exports provided: onmessage */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onmessage", function() { return onmessage; }); console.log("webworker"); const onmessage = function (e) { console.log("Message received from main script", e); console.log("Posting message back to main script"); postMessage(e, "*"); }; /***/ }), /***/ 2: /*!************************************************************!*\ !*** multi (webpack)/hot/dev-server.js ./src/webworker.ts ***! \************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { __webpack_require__(/*! /Users/nishio/learn-ww-wp-cra-t/node_modules/webpack/hot/dev-server.js */"./node_modules/webpack/hot/dev-server.js"); module.exports = __webpack_require__(/*! /Users/nishio/learn-ww-wp-cra-t/src/webworker.ts */"./src/webworker.ts"); /***/ }) },[[2,"runtime-webworker",2]]]); //# sourceMappingURL=webworker.chunk.js.map

module.exports = { entry: { index: "./src/index.ts", webworker: "./src/webworker.ts" }, ... output: { filename: "[name].js", path: path.resolve(__dirname, "dist") },

$ ~/node_modules/webpack-cli/bin/cli.js Hash: def769ed43f728038706 Version: webpack 4.42.0 Time: 808ms Built at: 2020/03/16 18:02:28 Asset Size Chunks Chunk Names index.js 4.1 KiB 0 [emitted] index webworker.js 4.4 KiB 1 [emitted] webworker Entrypoint index = index.js Entrypoint webworker = webworker.js [0] ./src/common.ts 53 bytes {0} {1} [built] [1] ./src/index.ts 82 bytes {0} [built] [2] ./src/webworker.ts 265 bytes {1} [built]

entry: [ isEnvDevelopment && require.resolve("react-dev-utils/webpackHotDevClient"), // Finally, this is your app's code: paths.appIndexJs ].filter(Boolean), output: { ... filename: isEnvProduction ? "static/js/[name].[contenthash:8].js" : isEnvDevelopment && "static/js/bundle.js",

> learn-webworker@0.1.0 eject /Users/nishio/learn-webworker > react-scripts eject NOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html ? Are you sure you want to eject? This action is permanent. Yes Ejecting... Copying files into /Users/nishio/learn-webworker Adding /config/env.js to the project ... Adding /config/webpack.config.js to the project ... Updating the dependencies Removing react-scripts from dependencies ... Adding webpack to dependencies ... Updating the scripts Replacing "react-scripts start" with "node scripts/start.js" Replacing "react-scripts build" with "node scripts/build.js" Replacing "react-scripts test" with "node scripts/test.js" Configuring package.json Adding Jest configuration Adding Babel preset ... Ejected successfully! Staged ejected files for commit. Please consider sharing why you ejected in this survey: http://goo.gl/forms/Bi6CZjk1EqsdelXk1

On branch master Changes to be committed: (use "git reset HEAD <file>..." to unstage) new file: config/env.js ... new file: config/webpack.config.js ... Changes not staged for commit: (use "git add <file>..." to update what will be committed) (use "git checkout -- <file>..." to discard changes in working directory) modified: package-lock.json modified: package.json modified: src/react-app-env.d.ts

{ test: /\.worker\.js$/, loader: "worker!babel?presets[]=es2015" }

// eslint-disable-next-line no-restricted-globals addEventListener("message", message => { console.log("Message received from main script"); console.log("in webworker", message.data); postMessage("this is the response " + message.data * 2); });