这里使用的Gulp 版本有 V3.9.1,大版本为3.0,如果使用了V4.0版本,配置上会有比较大的改变,具体可以参考另外一篇文章:
1.简单说明一下:
gulp 是工具,
Babel 编译 ES6 => ES5,
Browserify 添加浏览器支持。
2. 整体项目结构
3. 测试代码
3.1 App.js
class App{
constructor(name) {
this.name = name;
}
render() {
document.querySelector("#app").innerHTML = ("test gulp babel " + this.name);
}
}
export default App;
3.2 入口文件 entry.js
import App from "./App";
(() => {
let app = new App("999");
app.render();
})();
3.3 index.html 页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Babel + Browserify</title>
</head>
<body>
<div id="app"></div>
<script