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)();
🚁 第一次写博客还望多多指点,以后改正