WebStorm开发ECMAScript Modules

设置WebStorm对mjs文件的支持

打开WebStorm，Preferences -> Editor -> FileTypes；选择Javascript，然后在Registered Patterns添加*.mjs

设置Run/Debug Configurations

打开WebStorm，Run/Debug Configurations -> Templates，选择node.js，然后在Node Parameters 添加
--experimental-modules
这样就可以让nodejs支持es module了

使用import mjs的例子

a.mjs

// An highlighted block
import fs from "fs";
import _ from 'lodash';
export default class FileExport {
    static show() {
        console.log("show a");
    }
    static read(dir) {
        return new Promise((resolve, reject) => {
            fs.readFile(dir, (err, data) => {
                if (err) {
                    reject(err);
                } else {
                    resolve(data);
                }
            })
        });
    }
    static camelCase(str) {
        return _.camelCase(str);
    }
};

b.mjs

import FileExport from './a';
(async function () {
    console.log(FileExport.camelCase("testA"));
    let content = await FileExport.read("/Users/soberlevi/Downloads/md5.js");
    console.log(content)
})();

使用import js和引用第三方库例子

应用项目的js

c.js

module.exports = class StringUtils {
    static toUpperCase(str) {
        return str.toUpperCase();
    }
};

d.mjs使用c.js

import StringUtils from './c';
console.log(StringUtils.toUpperCase("test"));

引用第三方库例子

例子中使用了lodash和md5，先用npm 导入第三方库

npm i lodash md5 --save

e.mjs

import _ from 'lodash';
import md5 from 'md5';

console.log(_.camelCase("testE"));
console.log(md5("testE"));