ES6模板化和CommonJs

CommonJs

CommonJs规范是出自于Node.js,Node.js是来自于后端的，可以把javascript作为后端服务器的部署。
使用一下代码:export.js

function sayHi(user) {
  console.log(`Hello, ${user}!`);
}
function sayBye(user) {
  console.log(`Bye, ${user}!`);
}
export { sayHi, sayBye }; // 导出变量列表

代码片段：import.js

//   main.js
import {sayHi, sayBye} from './canvas.js';
sayHi('John'); // Hello, John!
sayBye('John'); // Bye, John!

会发生以下错误

是因为规范不一样

第一种方法

{
  "name": "es6",
  "version": "1.0.0",
  "description": "fs",
  "main": "es6.js",
  "type": "commonjs",   
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "fs": "^0.0.1-security",
    "path": "^0.12.7",
    "tsc": "^2.0.4"
  }
}

"type": "commonjs"修改为 “type”: “module”`，换成es6的规范就可以了

第二种方法

使用TypeScript代码如下export.ts

// @filename: hello.ts
export default function helloWorld() {
 console.log("Hello, world!");
}

//转义为js的代码
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// @filename: hello.ts
function helloWorld() {
   console.log("Hello, world!");
}
exports.default = helloWorld;

import.ts

import helloWorld from "export.ts";
helloWorld();

//转义为js的代码
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var _1_1 = require("./export.ts");
(0, _1_1.default)();

​🚁 第一次写博客还望多多指点，以后改正