1. 程式人生 > >ES6和node模塊化

ES6和node模塊化

執行 rom 文件夾 all 定義 ... 新建 命令行 save

node模塊化:
1.輸出:exports.a=12;
或者module.exports={
a:12,
b:5
}
2.引入:require(‘./a.js‘);
3.引用自定義模塊
放到node_modules裏
前面加./

ES6模塊化:
一、輸出
export(a,b,c,...);
二、引入
import m from ‘./a.js‘;
三、例如:
js文件夾下的a.js中
let a=12;
let b=5;
export{a,b};
a.html中
import mod from ‘./a.js‘;
console.log(mod.a+mod.b); //17
四、用babel編譯es6
1.全局安裝babel:cnpm i -g babel-cli
2.新建文件夾babel_es6
3.新建js文件夾,文件夾中新建a.js文件,a.js文件中寫入es6代碼
4.新建a.html文件,引入a.js文件
5.在命令行中進入babel_es6文件夾中:cd babel_es6
6.執行npm init
7.在生成的package.json文件中scripts加入: "build":"babel src -d build"
其中src是源文件夾,build是編譯後自動生成的文件夾,和src對應。
8.新建文件.babelrc,該文件中的內容是
{
"presets":["env"]
}
9.在命令行中安裝:cnpm install babel-preset-env --save-dev
10.執行npm run build
11.編譯成功

ES6和node模塊化