thelarkinn / webpack-workshop-2018 Goto Github PK
View Code? Open in Web Editor NEWLearning resources for the webpack academy workshop series for 2018
License: MIT License
Learning resources for the webpack academy workshop series for 2018
License: MIT License
I'm experiencing an issue where webpack.config.js is not being picked up when running npm run webpack
(or yarn webpack
) in the branch 03-fem-debug-script. Seems to be caused by both webpack-cli
and webpack-command
being installed. Removing webpack-command
and then doing npm install
seems to fix the issue.
I have not completed the full course yet, so not sure if webpack-command
is used in anyway later, but otherwise I would suggest to remove it.
I thought I made a mistake so I wiped my folder and cloned this repo again, switch to branch feature/0312-webpack-dev-server ran yarn install and then ran yarn dev.
no errors in the terminal, but on the page in the console nothing is happening and the following error appears.
Uncaught TypeError: Cannot read property 'call' of undefined at __webpack_require__ (index.js:20) at eval (index.js:2) at Object../src/index.js (index.js:357) at __webpack_require__ (index.js:20) at eval (webpack:///multi_(:8080/webpack)-dev-server/client?:2:18) at Object.0 (index.js:368) at __webpack_require__ (index.js:20) at index.js:69 at index.js:72
Really hope you can help, as I desperately want to follow along, so far this course has been a life saver.
I'm currently on branch feature/03-fem-debug-script
.
When i change things in the file, webpack is not respond to file changes.
It keep hanging around.
In the loading presets lesson, the typescript preset is loaded like this:
npm run prod --env.presets typescript
In case there are multiple presets available and I want to load some of them, how to pass the presets?
For example npm run prod --env.presets typescript compression
does not work.
Thank you for the awesome webpack lessons!
Hi
Can we use this to share contact information? - here I go
I cannot get your presets to load. Go to git checkout feature/04013-adding-presets -f
and try to add a typescript / ts-loader preset and get it working. It would be great if you could cut a branch of this working, starting with the feature/04013-adding-presets branch.
Having a finished out the typescript preset to give them a branch to reference of it loading would be awesome.
Hi, im using mac and have 2 questions:
1.- when i run the first "npm install" all the dependencies are created in a new file called "package-lock.json"
2.- so when i follow the instructions and run the "npm run webpack" i get this error:
sh: webpack: command not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! [email protected] build: webpack
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/diseno/.npm/_logs/2019-11-18T18_26_37_556Z-debug.log
Why do you have the branch 0415-fixed-presets-bug-sorry-use-this
? Can we remove this and just patch the previous branches if needed?
We'll need to split the slides up into separate slides for the 3 courses:
And update the Readme pointing to the slides for each course.
I updated the title cards for the first two courses.. I'm doing a thorough QA of Instant Loading course now.
Webpack 4 fundamentals
git checkout feature/031-all-module-types
My local environment
~ » node -v
v10.6.0
~ » npm -v
6.1.0
Index.js
import nav from "./nav";
import { top, bottom } from "./footer";
import makeButton from "./button";
import { makeColorStyle } from "./button-styles";
console.log(
nav(),
top,
bottom,
makeButton("My first button!"),
makeColorStyle("cyan")
);
button-styles.js
const red = "color: red;";
const blue = "color: blue;";
const makeColorStyle = color => `color: ${color};`;
exports.red = red;
exports.blue = blue;
exports.makeColorStyle = makeColorStyle;
As per the workshop npm run prod
should remove red & blue
references from the build file as its not used. But its not happening.
~/learning/webpack-workshop-2018(feature/031-all-module-types) » npm run prod -- --display-optimization-bailout
> [email protected] prod /Users/apple/learning/webpack-workshop-2018
> npm run webpack -- --mode production "--display-optimization-bailout"
> [email protected] webpack /Users/apple/learning/webpack-workshop-2018
> webpack "--mode" "production" "--display-optimization-bailout"
Hash: 2e38741249cef67d5b18
Version: webpack 4.16.2
Time: 122ms
Built at: 07/27/2018 7:47:31 AM
Asset Size Chunks Chunk Names
main.js 1.18 KiB 0 [emitted] main
[0] ./src/button.js 218 bytes {0} [built]
ModuleConcatenation bailout: Module is not an ECMAScript module
[1] ./src/button-styles.js 190 bytes {0} [built]
ModuleConcatenation bailout: Module is not an ECMAScript module
[2] ./src/index.js + 2 modules 359 bytes {0} [built]
ModuleConcatenation bailout: Cannot concat with ./src/button-styles.js (<- Module is not an ECMAScript module)
ModuleConcatenation bailout: Cannot concat with ./src/button.js (<- Module is not an ECMAScript module)
| ./src/index.js 252 bytes [built]
| ModuleConcatenation bailout: Module is an entry point
| ./src/nav.js 28 bytes [built]
| ./src/footer.js 69 bytes [built]
main.js
!function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(e,t){e.exports=(e=>`Button: ${e}`)},function(e,t){t.red="color: red;",t.blue="color: blue;",t.makeColorStyle=(e=>`color: ${e};`)},function(e,t,r){"use strict";r.r(t);var o=r(0),n=r.n(o),u=r(1);console.log("nav","top","bottom",n()("My first button!"),Object(u.makeColorStyle)("cyan"))}]);
I have same package.json and webpack.config.js file as in Branch : feature/04010-composing-configs-webpack-merge
but when I run yarn prod I get below error
✖ 「webpack」: Flags were specified that were not recognized: --env Not sure what you mean there Please check the command executed. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] webpack:
webpack "--env.mode" "production"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] webpack script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be foundin:
`
Please find attachment for detailed log of ther error.
However development build {yarn dev} works fine.
2018-07-10T10_25_47_813Z-debug.log
Hi! Wanted to share my Idea(didnt know where to discuss this topic, sry for sopam in task). What do you think if pages what dont need auth for access would be serverd prerenderd and by server(user will get html/css ). on background we will pre download scripts without executing them. If user will start interacting with page any further work will be managed on user side rendering. It would lead to instantly loading index page and some others. ?
running npm install prints out "Cannot read property 'match' of undefined"
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ │ ├── [email protected]
17 silly saveTree │ │ │ │ └── [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ ├── [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree └─┬ [email protected]
17 silly saveTree ├─┬ [email protected]
17 silly saveTree │ ├─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ └─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ ├── [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ ├── [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └─┬ [email protected]
17 silly saveTree │ │ ├─┬ [email protected]
17 silly saveTree │ │ │ └── [email protected]
17 silly saveTree │ │ └── [email protected]
17 silly saveTree │ └─┬ [email protected]
17 silly saveTree │ └── [email protected]
17 silly saveTree └── [email protected]
18 verbose stack TypeError: Cannot read property 'match' of undefined
18 verbose stack at tarballToVersion (/usr/local/lib/node_modules/npm/lib/install/inflate-shrinkwrap.js:87:20)
18 verbose stack at inflatableChild (/usr/local/lib/node_modules/npm/lib/install/inflate-shrinkwrap.js:99:22)
18 verbose stack at /usr/local/lib/node_modules/npm/lib/install/inflate-shrinkwrap.js:55:12
18 verbose stack at tryCatcher (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/util.js:16:23)
18 verbose stack at Object.gotValue (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/reduce.js:155:18)
18 verbose stack at Object.gotAccum (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/reduce.js:144:25)
18 verbose stack at Object.tryCatcher (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/util.js:16:23)
18 verbose stack at Promise._settlePromiseFromHandler (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:517:31)
18 verbose stack at Promise._settlePromise (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:574:18)
18 verbose stack at Promise._settlePromise0 (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:619:10)
18 verbose stack at Promise._settlePromises (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/promise.js:699:18)
18 verbose stack at _drainQueueStep (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:138:12)
18 verbose stack at _drainQueue (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:131:9)
18 verbose stack at Async._drainQueues (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:147:5)
18 verbose stack at Immediate.Async.drainQueues [as _onImmediate] (/usr/local/lib/node_modules/npm/node_modules/bluebird/js/release/async.js:17:14)
18 verbose stack at processImmediate (internal/timers.js:456:21)
19 verbose cwd /Users/yu.wang/Documents/Workspace/webpack-workshop
20 verbose Darwin 19.3.0
21 verbose argv "/usr/local/Cellar/node/14.3.0/bin/node" "/usr/local/bin/npm" "install"
22 verbose node v14.3.0
23 verbose npm v6.14.4
24 error Cannot read property 'match' of undefined
25 verbose exit [ 1, true ]
@TheLarkInn thanks a lot for the course. It was very useful and your teaching style is amazing. Congratulations.
One question, for some reason in my webpack config file below code didn't work. presets
returned undefined
module.exports = ({ mode, presets } = { mode: "production", presets: [] }) => {
but this one did:
module.exports = ({ mode = 'production', presets = [] }) => {
Any ideas?
Thanks
Seems like we need a feature/0311-add-first-plugins branch to start where you're starting to add webpack-dev-server in the course.
I've added a branch I can pull request you from https://github.com/1Marc/webpack-workshop-2018/tree/feature/0311-add-first-plugins if you add that branch.
webpack-merge
has updated it's api in version 5.x.x. If following along in the course, the npm install would download version 5.x.x, where instead of using default require of webpackMerge it has to be updated to name import merge.
Change const webpackMerge = require("webpack-merge");
To const { merge } = require("webpack-merge");
To keep it similar to how Sean does it in the video, use version 4.x.x
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.