ES6 Modules in Depth
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. Welcome back to ES6 – “Oh, good. It’s not another article about Unicode” – in Depth series. If you’ve never been around here before, start with A Brief History of ES6 Tooling. Then, make your way through destructuring, template lite
The state of JavaScript modules
Recently, there was a lot of fuss on Twitter regarding the current state of ES modules, especially in Node.js, which decided to introduce *.mjs as file extension. The fear and uncertainty is understandable since the topic is complex and following the discussions takes a high degree of effort and dedication. An ancient fearMost frontend developers still remember the dark days of JavaScript dependen
ES Modules - Interview with Bradley Farias
Even though ES6 (ES2015) brought modules to the language, it missed one important thing - a loading method. Proper support is currently being implemented for browsers↗. To learn more about the topic, I’m interviewing Bradley Farias↗. 🔗 I am a Software Engineer at GoDaddy these days but have been at several startups before that. My childhood was mostly running around outside in the Texas heat and
Module specifiers: what’s new with ES modules?
Update 2018-12-20: Warning: This blog post is outdated! Consult “ECMAScript modules in Node.js: the new plan” for the latest information. Update 2017-05-11: Complete rewrite of Sect. “Why a new filename extension for ES modules?”. This blog post describes how module specifiers (the path-like IDs of modules) change with ECMAScript modules (ESM). There are a few subtle differences, compared to the f
ES6 Modules in Chrome M61+
ES6 modules are now supported in Chrome, from 61 onwards—they also work in older versions, but you’ll have to enable the Experimental Web Platform flag in chrome:flags. Chrome now joins many other modern browsers which also include support, some behind flags. 🚩 Modules are an important part of building any web application which comprises more than trivial script. The JavaScript community has deve
ECMAScript modules in browsers
ES modules are now available in browsers! They're in… Safari 10.1. Chrome 61. Firefox 60. Edge 16. <script type="module"> import { addTextToBody } from './utils.mjs'; addTextToBody('Modules are pretty cool.'); </script> // utils.mjs export function addTextToBody(text) { const div = document.createElement('div'); div.textContent = text; document.body.appendChild(div); } Live demo. All you need is t
ES6 browser support: is it time to rethink bundling?
Writing performant JavaScript applications is a complex matter these days. Years ago, everything started with script concatenation to save HTTP requests, and then it continued with minification and wrangling of variable names to squeeze out even the last tiny bit of the code we ship. Today we have tree shaking and module bundlers, and we go back to code splitting to not block the main thread on st
Native ECMAScript modules: nomodule attribute for the migration
Native ECMAScript modules: nomodule attribute for the migration Serg Hospodarets Blog In one of my previous articles Native ECMAScript modules: the new features and differences from Webpack modules we attempted to detect if the browser supported ES modules. We needed this to determine either, to execute a bundled (classic) file or a script which uses the native ECMAScript module features. We manag
Native ECMAScript modules: dynamic import()
In the previous article Native ECMAScript modules: the new features and differences from Webpack modules we understood the differences between ES modules and their implementation in bundlers/compilers like Webpack/Babel. So far we found couple gotchas and know how to use the import \ export declarations and which caveats we may have using them in JS. But JavaScript went asynchronous many years ago
An Update on ES6 Modules in Node.js
A few months ago I wrote an article describing the various differences that exist between Node.js CommonJS modules and the new ES6 Module system; and described a number of challenges inherent with implementing the new model in Node.js core. Here, I want to provide an update on how things are progressing. Knowing when you know what you need to knowIf you haven’t done so already, before progressing
Native ECMAScript modules: the new features and differences from Webpack modules
In the previous article Native ECMAScript modules - the first overview I described the history of the JavaScript modules and the current situation with the native ECMAScript modules implementation: For now, we have 2 available implementations, which we tried and compared to the bundled module. The main takeaways, so far, are: To execute a script or load an external file and execute it as a module
Making transpiled ES modules more spec-compliant
A proposed “spec mode” for Babel makes transpiled ES modules more spec-compliant. That’s a crucial step in preparing for native ES modules. You’ll also learn how ES modules and CommonJS modules will interoperate on Node.js and how far along ES module support is on browsers and Node.js. Update 2017-05-08: follow-up blog post: Module specifiers: differences between CJS and ESM Transpiling ES modules
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bare imports in manifest
module: Allow runMain to be ESM by bmeck · Pull Request #14369 · nodejs/node
link.md
ES ModulesはHTTP/2で部分更新の夢を見るか？
GitHub - standard-things/esm: Tomorrow's ECMAScript modules today!
GitHub - tc39/proposal-modules-pragma: Proposal to recognize a `"use module";` pragma
GitHub - matthewp/script-type-module: A <script type=module> polyfill
Release ES Module Loader 2.0.0 · ModuleLoader/es-module-loader