Alternative of Object.assign(…array)
You are looking for var obj = Object.assign({}, …array) that creates a new object instead of mutating array[0].
babeljs
Setting an ES6 class getter to enumerable
ES6 style getters are defined on the prototype, not on each individual person. To set the greeting property to enumerable you need to change: // Make enumerable (doesn’t work) Object.defineProperty(Person, ‘greeting’, {enumerable: true}); To: // Make enumerable Object.defineProperty(Person.prototype, ‘greeting’, {enumerable: true}); Object.keys only returns that object’s own enumerable properties, so properties on the prototype are … Read more
How to generate d.ts and d.ts.map files using webpack?
Running ts-loader before babel-loader will do the trick. Specifying that you want declaration files in config is all you need. If you are using an absolute path, the output d.ts files will also contain absolute paths which are useless and will result in typescript compilation errors. To fix that, I wrote a plugin to convert … Read more
nodejs 8 import module – require or import? [duplicate]
UPDATE-2018.11.15 ↓ Short answer We’re still using require Long answer ESM loading has partially landed in node 8.5.0 which was released in September 2017. As such, it has beeen part of the specs as an experimental feature for a little while: see the API documentation here. Caveats include the need for the –experimental-modules flag and … Read more
ES6 Classes Default Value
If you’re going to use ES6, why not use all of ES6, i.e. default values for parameters and destructuring assignment class myClass { constructor({a=”default a value”, b = ‘default b value’, c=”default c value”} = {a:’default option a’, b:’default option b’, c:’default option c’}) { this.a = a; this.b = b; this.c = c; } … Read more
Jest + Babel in VS Code debugger causes breakpoints to move
@RyanHirsch ; just use retainLines”: true alongside sourceMap: “inline” in your babelrc and It will work.
VSCode Linter ES6 ES7 Babel linter
How I proceed: install globally eslint : npm install -g eslint install babel-eslint : npm install –save-dev babel-eslint install eslint-plugin-react : npm install –save-dev eslint-plugin-react create .eslintrc file in you root directory. here is my config: { “env”: { “browser”: true, “node”: true, “es6”: true, “jest”: true, “jquery”: true }, “parser”: “babel-eslint”, “parserOptions”: { “ecmaVersion”: … Read more
Source Maps not working with Webpack
In bundle.js you will see original transpiled webpack bundle – this is normal behaviour. Open webpack:// and you will see your project files.
webpack : Uncaught ReferenceError: require is not defined
You should not use externals: [nodeExternals()], in web app. According to https://github.com/liady/webpack-node-externals it is only for backend. Since you use nodeExternals in web app you get CommonJS modules, that expects built in node require function. So just remove it to fix error.
Is it possible to do multiple class imports with ES6/Babel?
You can export like this: import App from ‘./App’; import Home from ‘./Home’; import PageWrapper from ‘./PageWrapper’; export { App, Home, PageWrapper } Then, you can import like this wherever you need it: import { App, PageWrapper } from ‘./index’ //or similar filename … You can read more about import and export here. I also … Read more