Node.js 中使用 ES6 中的 import / export 的方法大全

东方新君 發表於 2019-12-24 11:50:00

Node.js 中使用 ES6 中的 import / export 的方法大全

<h1 class="_1RuRku">Node.js 中使用 ES6 中的 import / export 的方法大全</h1>
转 https://www.jianshu.com/p/ce92a09ad6eb
<div>
<div>
Node.js 中使用 ES6 中的 import / export 的方法大全
三种方法。 先上图。
源代码文件目录（https://github.com/AK-47-D/nodejs_es6_tutorials）：
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="457" data-height="503"><img src="//upload-images.jianshu.io/upload_images/1233356-72c0aa4bd093a99a.png?imageMogr2/auto-orient/strip|imageView2/2/w/457/format/webp"></div>

</div>
<div class="image-caption">image.png</div>

</div>
 
<h2>方法1 放弃使用 ES6, 使用 Node中的 module 模块语法</h2>
util_for_node.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">function log(o) {
console.log(o);
}

module.exports = log;
</code></pre>
</div>
es6_const_let_node_demo.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-cpp"><code class="language-cpp">// 在 Node 中使用模块的正确姿势：
const log = require("./lib/util_for_node");
// ES5
var a = 1;
a = a + 1;
log(a); // 2

// ES6
const b = 1;
// b = b + 1; // error : TypeError: Assignment to constant variable.
log(b);

// ES6
let c = 1;
c = c + 1;
log(c);
</code></pre>
</div>
运行测试：
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-ruby"><code class="language-ruby">$ node es6_const_let_node_demo.js
2
1
2

</code></pre>
</div>
<h2>方法2 使用万能变换器：babel</h2>
util_for_babel.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">function log(o) {
console.log(o);
}

export {log}
</code></pre>
</div>
es6_const_let_babel_demo.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-swift"><code class="language-swift">import {log} from "./lib/util_for_babel";

/**

node： module.exports和require
es6：export和import

nodejs仍未支持import/export语法，需要安装必要的npm包–babel，使用babel将js文件编译成node.js支持的commonjs格式的代码。
因为一些历史原因，虽然 Node.js 已经实现了 99% 的 ES6 新特性，不过截止 2018.8.10，How To Enable ES6 Imports in Node.JS 仍然是老大难问题

借助 Babel
1.下载必须的包

npm install babel-register babel-preset-env --D

命令行执行：

babel-node es6_const_let_babel_demo.js

*
* @type {number}
*/

// ES5
var a = 1;
a = a + 1;
log(a); // 2

// ES6
const b = 1;
// b = b + 1; // error : TypeError: Assignment to constant variable.
log(b);

// ES6
let c = 1;
c = c + 1;
log(c);

</code></pre>
</div>
上面的代码，直接 node 命令行运行是要报错的：
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-tsx"><code class="language-tsx">$ node es6_const_let_babel_demo.js
/Users/jack/WebstormProject/node-tutorials/hello-node/es6_const_let_babel_demo.js:1
(function (exports, require, module, __filename, __dirname) { import {log} from "./lib/util_for_babel";
 ^

SyntaxError: Unexpected token {
at new Script (vm.js:79:7)
at createScript (vm.js:251:10)
at Object.runInThisContext (vm.js:303:10)
at Module._compile (internal/modules/cjs/loader.js:656:28)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
at startup (internal/bootstrap/node.js:285:19)

</code></pre>
</div>
是的，这个时候，我们需要再加上一层 Babel 的映射逻辑。下面就是 Babel 出场了。
1.安装依赖
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-cpp"><code class="language-cpp">npm install babel-register babel-preset-env --D
</code></pre>
</div>
package.json
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-json"><code class="language-json">{
"name": "hell-node",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"babel-preset-env": "^1.7.0",
"babel-register": "^6.26.0"
}
}

</code></pre>
</div>
2.写处理启动脚本
es6_const_let_babel_demo_start.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">require('babel-register') ({
presets: [ 'env' ]
})

module.exports = require('./es6_const_let_babel_demo.js')
</code></pre>
</div>
OK，多费了这么多事，终于可以跑了：
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-ruby"><code class="language-ruby">$ node es6_const_let_babel_demo_start.js
2
1
2

</code></pre>
</div>
跑的时候，你会明显发现，真 TMD 慢了许多！！！慢就慢在 Babel 这层处理映射逻辑上。
<h2>方法3 使用 Node 中的实验特性：node --experimental-modules</h2>
你看，为了特意区分这是module JavaScript，文件后缀名必须改成 .mjs
util_for_node_exp.mjs
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">/**
* 注意到这里的源码文件的后缀 .mjs
* @param o
*/

function log(o) {
console.log(o);
}

export {log};
</code></pre>
</div>
es6_const_let_node_exp_demo.mjs
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-swift"><code class="language-swift">import {log} from "./lib/util_for_node_exp";

// ES5
var a = 1;
a = a + 1;
log(a); // 2

// ES6
const b = 1;
// b = b + 1; // error : TypeError: Assignment to constant variable.
log(b);

// ES6
let c = 1;
c = c + 1;
log(c);

/**
* 源码后缀 .mjs
*/

</code></pre>
</div>
命令行执行：
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-ruby"><code class="language-ruby"> $ node--experimental-modules es6_const_let_node_exp_demo.mjs
</code></pre>
</div>
输出：
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-ruby"><code class="language-ruby"> (node:1402) ExperimentalWarning: The ESM module loader is experimental.
2
1
2
</code></pre>
</div>
OK，上面就是 Node.js 中使用 ES6 中的 import / export 方法。
<hr>
<h1>Node.js 中使用 import / export</h1>
因为一些历史原因，虽然 Node.js 已经实现了 99% 的 ES6 新特性，不过截止 2018.8.10，How To Enable ES6 Imports in Node.JS 仍然是老大难问题
下面我来介绍两种方法可以让我们在 Node.js 中使用 import/export 。
借助 Babel 1.下载必须的包
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-cpp"><code class="language-cpp">npm install babel-register babel-preset-env --D
</code></pre>
</div>
<ol start="2">
<li>修改你的 server.js 下面是一个 server.js 的例子：</li>

</ol>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">const Koa = require('koa')
const app = new Koa()

app.listen(3000, console.log("application is start at port 3000"))
</code></pre>
</div>
用 import 替换 require
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">import Koa from 'koa'
const app = new Koa()

app.listen(3000, console.log("application is start at port 3000"))
</code></pre>
</div>
如果你现在用 node server.js 跑这个文件，你会收到像这样的错误提示:
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-tsx"><code class="language-tsx">/Users/zyf/myStudy/demo/chatroom/server/app.js:1
(function (exports, require, module, __filename, __dirname) { import Koa from 'koa'
 ^^^

SyntaxError: Unexpected identifier
</code></pre>
</div>
下面让我们用 babel 来解决这个问题
3.新增一个 start.js 文件 这个文件将成为我们的入口文件，里面是一些 babel 的代码
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">require('babel-register') ({
presets: [ 'env' ]
})

module.exports = require('./server.js')
</code></pre>
</div>
注意，接下来不是 node server.js，而是用 node start.js 来启动这个文件
来自 Node.js 官方的力量 Node 9提供了一个尚处于 Experimental 阶段的模块，让我们可以抛弃 babel 等一类工具的束缚，直接在 Node 环境下使用 import/export。
官方手册：ECMAScript Modules 一个不错的教程：Node 9下import/export的丝般顺滑使用 有兴趣的可以去了解一下，嫌字多的可以继续往下看看我总结的使用方法
用前须知 Node 版本需在 9.0 及以上 不加 loader 时候，使用 import/export 的文件后缀名必须为 .mjs 举个栗子 还是用上面的例子，请将代码回退到 Babel 中第一步的样子
1.改写 server.js
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">import Koa from 'koa'
const app = new Koa()

app.listen(3000, console.log("application is start at port 3000"))
</code></pre>
</div>
和前面一样，不过将文件名改一下，从 server.js 改为 server.mjs
2.启动文件 执行下面代码，来启动文件
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-undefined"><code class="language-undefined">node --experimental-modules ./server.mjs
</code></pre>
</div>
注意这是引用 koa 第三方模块不用做其他变化，如果要 import 自己的文件，那么那个待引入的文件也要改后缀。
比如
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-jsx"><code class="language-jsx">import example from './example'
</code></pre>
</div>
那么原来应该是 example.js 要改为 example.mjs
目前这个模块还处于实验阶段，还是不要放到生产环境，自己拿出来玩玩还是可以的。
原文：https://blog.csdn.net/zwkkkk1/article/details/81564971
<h2>Node 9下import/export的丝般顺滑使用</h2>
<h2>前言</h2>
Node 9最激动人心的是提供了在flag模式下使用<code>ECMAScript Modules</code>，虽然现在还是<code>Stability: 1 - Experimental</code>阶段，但是可以让Noder抛掉babel等工具的束缚，直接在Node环境下愉快地去玩耍<code>import/export</code>
如果觉得文字太多，看不下去，可以直接去玩玩demo，地址是https://github.com/chenshenhai/node-modules-demo
<h2>Node 9下import/export使用简单须知</h2>
<ul>
<li>Node 环境必须在 9.0以上</li>
<li>不加loader时候，使用<code>import/export</code>的文件后缀名必须为<code>*.mjs</code>（下面会讲利用Loader Hooks兼容<code>*.js</code>后缀文件）</li>
<li>启动必须加上flag <code>--experimental-modules</code></li>
<li>文件的<code>import</code>和<code>export</code>必须严格按照<code>ECMAScript Modules</code>语法</li>
<li><code>ECMAScript Modules</code>和<code>require()</code>的cache机制不一样</li>
</ul>
<h2>快速使用import/export</h2>
<ul>
<li>新建<code>mod-1.mjs</code>，<code>mod-2.mjs</code>文件</li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">/* ./mod-1.mjs */
export default {
num: 0,
increase() {
 this.num++;
},
decrease() {
 this.num--;
}
}
</code></pre>
</div>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">/*./mod-2.mjs */
import Mod1 from './mod-1';

export default {
increase() {
 Mod1.increase();
},
decrease() {
 Mod1.decrease();
}
}
</code></pre>
</div>
<ul>
<li>建立启动文件 <code>index.mjs</code></li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">import Mod1 from './mod-1';
import Mod2 from './mod-2';

console.log(`Mod1.num = ${Mod1.num}`)
Mod1.increase();
console.log(`Mod1.num = ${Mod1.num}`)
Mod2.increase();
console.log(`Mod1.num = ${Mod1.num}`)
</code></pre>
</div>
<ul>
<li>执行代码</li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-shell"><code class="source-shelllanguage-source-shell">node --experimental-modules ./index.mjs
</code></pre>
</div>
控制台会显示
<div class="image-package">
<div class="image-container">
<div class="image-container-fill"> </div>
<div class="image-view" data-width="914" data-height="218"><img src="//upload-images.jianshu.io/upload_images/1233356-1b560641d943fc7e.png?imageMogr2/auto-orient/strip|imageView2/2/w/914/format/webp"></div>
</div>
<div class="image-caption"> </div>
</div>
<h2>使用简述</h2>
执行了上述demo后，快速体验了Node的原生<code>import/export</code>能力，那我们来讲讲目前的支持状况，Node 9.x官方文档 https://nodejs.org/dist/latest-v9.x/docs/api/esm.html
<h3>与require()区别</h3>
<table>
<thead>
<tr><th>能力</th><th>描述</th><th>require()</th><th>import</th></tr>
</thead>
<tbody>
<tr>
<td>NODE_PATH</td>
<td>从NODE_PATH加载依赖模块</td>
<td>Y</td>
<td>N</td>
</tr>
<tr>
<td>cache</td>
<td>缓存机制</td>
<td>可以通过require的API操作缓存</td>
<td>自己独立的缓存机制，目前不可访问</td>
</tr>
<tr>
<td>path</td>
<td>引用路径</td>
<td>文件路径</td>
<td>URL格式文件路径，例如<code>import A from './a?v=2017'</code></td>
</tr>
<tr>
<td>extensions</td>
<td>扩展名机制</td>
<td>require.extensions</td>
<td>Loader Hooks</td>
</tr>
<tr>
<td>natives</td>
<td>原生模块引用</td>
<td>直接支持</td>
<td>直接支持</td>
</tr>
<tr>
<td>npm</td>
<td>npm模块引用</td>
<td>直接支持</td>
<td>需要Loader Hooks</td>
</tr>
<tr>
<td>file</td>
<td>文件(引用)</td>
<td><code>*.js</code>,<code>*.json</code>等直接支持</td>
<td>默认只能是<code>*.mjs</code>，通过<code>Loader Hooks</code>可以自定义配置规则支持<code>*.js</code>,<code>*.json</code>等Node原有支持文件</td>
</tr>
</tbody>
</table>
<h2>Loader Hooks模式使用</h2>
<blockquote>
由于历史原因，在ES6的Modules还没确定之前，JavaScript的模块化处理方案都是八仙过海，各显神通，例如前端的AMD、CMD模块方案，Node的CommonJS方案也在这个“乱世”诞生。 当到了ES6规范确定后，Node的CommonJS方案已经是JavaScript中比较成熟的模块化方案，但ES6怎么说都是正统的规范，“法理”上是需要兼容的，所以<code>*.mjs</code>这个针对<code>ECMAScript Modules</code>规范的Node文件方案在一片讨论声中应运而生。

</blockquote>
<blockquote>
当然如果<code>import/export</code>只能对<code>*.mjs</code>文件起作用，意味着Node原生模块和npm所有第三方模块都不能。所以这时候Node 9就提供了 <code>Loader Hooks</code>，开发者可自定义配置<code>Resolve Hook</code>规则去利用<code>import/export</code>加载使用Node原生模块，<code>*.js</code>文件，npm模块，C/C++的Node编译模块等Node生态圈的模块。

</blockquote>
<h3>Loader Hooks 使用步骤</h3>
<ul>
<li>自定义loader规则</li>
<li>启动的flag要加载loader规则文件
<ul>
<li>例如：<code>node --experimental-modules --loader ./custom-loader.mjs ./index.js</code></li>

</ul>

</li>

</ul>
如果觉得以下文字太长，可以先去玩玩对应的demo3 https://github.com/chenshenhai/node-modules-demo/tree/master/demo3
<h3>自定义规则快速上手</h3>
<ul>
<li>文件目录</li>

</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-css"><code class="language-css">├── demo3
│ ├── es
│ │ ├── custom-loader.mjs
│ │ ├── index.js
│ │ ├── mod-1.js
│ │ └── mod-2.js
│ └── package.json

</code></pre>
</div>
<ul>
<li>加载自定义loader，执行<code>import/export</code>的<code>*.js</code>文件</li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-shell"><code class="source-shelllanguage-source-shell">node --experimental-modules--loader ./es/custom-loader.mjs ./es/index.js
</code></pre>
</div>
<h3>自定义loader规则解析</h3>
以下是Node 9.2官方文档提供的一个自定义loader文件
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">import url from 'url';
import path from 'path';
import process from 'process';

// 获取所有Node原生模块名称
const builtins = new Set(
Object.keys(process.binding('natives')).filter((str) =>
/^(?!(?:internal|node|v8)\/)/.test(str))
);

// 配置import/export兼容的文件后缀名
const JS_EXTENSIONS = new Set(['.js', '.mjs']);

// flag执行的resolve规则
export function resolve(specifier, parentModuleURL /*, defaultResolve */) {

// 判断是否为Node原生模块
if (builtins.has(specifier)) {
return {
 url: specifier,
 format: 'builtin'
};
}

// 判断是否为*.js, *.mjs文件
// 如果不是则，抛出错误
if (/^\.{0,2}[/]/.test(specifier) !== true && !specifier.startsWith('file:')) {
// For node_modules support:
// return defaultResolve(specifier, parentModuleURL);
throw new Error(
 `imports must begin with '/', './', or '../'; '${specifier}' does not`);
}
const resolved = new url.URL(specifier, parentModuleURL);
const ext = path.extname(resolved.pathname);
if (!JS_EXTENSIONS.has(ext)) {
throw new Error(
 `Cannot load file with non-JavaScript file extension ${ext}.`);
}

// 如果是*.js, *.mjs文件，封装成ES6 Modules格式
return {
url: resolved.href,
format: 'esm'
};
}
</code></pre>
</div>
<h3>规则总结</h3>
在自定义loader中，export的resolve规则最核心的代码是
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">return {
url: '',
format: ''
}
</code></pre>
</div>
<ul>
<li>url 是模块名称或者文件URL格式路径</li>
<li>format 是模块格式有<code>esm</code>, <code>cjs</code>, <code>json</code>, <code>builtin</code>, <code>addon</code>这四种模块/文件格式.</li>
</ul>
<h2>Koa2 直接使用import/export</h2>
看看demo4，https://github.com/chenshenhai/node-modules-demo/tree/master/demo4
<ul>
<li>文件目录</li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">├── demo4
│ ├── README.md
│ ├── custom-loader.mjs
│ ├── index.js
│ ├── lib
│ │ ├── data.json
│ │ ├── path.js
│ │ └── render.js
│ ├── package-lock.json
│ ├── package.json
│ └── view
│ ├── index.html
│ └── todo.html
</code></pre>
</div>
代码片段太多，不一一贴出来，只显示主文件
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">import Koa from 'koa';
import { render } from './lib/render.js';
import data from './lib/data.json';

let app = new Koa();
app.use((ctx, next) => {
let view = ctx.url.substr(1);
let content;
if ( view === 'data' ) {
 content = data;
} else {
 content = render(view);
}
ctx.body = content;
})
app.listen(3000, ()=>{
console.log('the modules test server is starting');
});
</code></pre>
</div>
<ul>
<li>执行代码</li>
</ul>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-undefined"><code class="language-undefined">node --experimental-modules--loader ./custom-loader.mjs ./index.js

</code></pre>
</div>
<ul>
<li>访问
<ul>
<li>访问 http://127.0.0.1:3000/index</li>
<li>访问 http://127.0.0.1:3000/data</li>
<li>访问 http://127.0.0.1:3000/todo</li>
</ul>
</li>
</ul>
<h3>自定义loader规则优化</h3>
从上面官方提供的自定义loader例子看出，只是对<code>*.js</code>文件做<code>import/export</code>做loader兼容，然而我们在实际开发中需要对npm模块，<code>*.json</code>文件也使用<code>import/export</code>
<h3>loader规则优化解析</h3>
<div class="_2Uzcx_"><button class="VJbwyy" type="button"></button>
<pre class="line-numberslanguage-source-js"><code class="source-jslanguage-source-js">import url from 'url';
import path from 'path';
import process from 'process';
import fs from 'fs';

// 从package.json中
// 的dependencies、devDependencies获取项目所需npm模块信息
const ROOT_PATH = process.cwd();
const PKG_JSON_PATH = path.join( ROOT_PATH, 'package.json' );
const PKG_JSON_STR = fs.readFileSync(PKG_JSON_PATH, 'binary');
const PKG_JSON = JSON.parse(PKG_JSON_STR);
// 项目所需npm模块信息
const allDependencies = {
...PKG_JSON.dependencies || {},
...PKG_JSON.devDependencies || {}
}

//Node原生模信息
const builtins = new Set(
Object.keys(process.binding('natives')).filter((str) =>
/^(?!(?:internal|node|v8)\/)/.test(str))
);

// 文件引用兼容后缀名
const JS_EXTENSIONS = new Set(['.js', '.mjs']);
const JSON_EXTENSIONS = new Set(['.json']);

export function resolve(specifier, parentModuleURL, defaultResolve) {
// 判断是否为Node原生模块
if (builtins.has(specifier)) {
return {
 url: specifier,
 format: 'builtin'
};
}

// 判断是否为npm模块
if ( allDependencies && typeof allDependencies === 'string' ) {
return defaultResolve(specifier, parentModuleURL);
}

// 如果是文件引用，判断是否路径格式正确
if (/^\.{0,2}[/]/.test(specifier) !== true && !specifier.startsWith('file:')) {
throw new Error(
 `imports must begin with '/', './', or '../'; '${specifier}' does not`);
}

// 判断是否为*.js、*.mjs、*.json文件
const resolved = new url.URL(specifier, parentModuleURL);
const ext = path.extname(resolved.pathname);
if (!JS_EXTENSIONS.has(ext) && !JSON_EXTENSIONS.has(ext)) {
throw new Error(
 `Cannot load file with non-JavaScript file extension ${ext}.`);
}

// 如果是*.js、*.mjs文件
if (JS_EXTENSIONS.has(ext)) {
return {
 url: resolved.href,
 format: 'esm'
};
}

// 如果是*.json文件
if (JSON_EXTENSIONS.has(ext)) {
return {
 url: resolved.href,
 format: 'json'
};
}

}
</code></pre>
</div>
<h2>后记</h2>
目前Node对<code>import/export</code>的支持现在还是<code>Stability: 1 - Experimental</code>阶段，后续的发展还有很多不确定因素，自己练手玩玩还可以，但是在还没去flag使用之前，尽量不要在生产环境中使用。
</div>
 作者：一个会写诗的程序员 链接：https://www.jianshu.com/p/ce92a09ad6eb 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。</div> 
来源：https://www.cnblogs.com/it-tsz/p/12090723.html

頁: [1]

琼殿技术论坛's Archiver

Node.js 中使用 ES6 中的 import / export 的方法大全