es6环境搭建

本文档详细介绍了如何搭建一个支持ES6的开发环境,包括创建项目目录结构,安装和配置Express、EJS模板引擎,使用Babel、Webpack进行ES6代码转换,设置热更新和构建流程。通过设置`package.json`,安装`babel`、`webpack`等相关依赖,并编写`gulpfile.babel.js`、`.babelrc`等配置文件,完成项目构建和自动化任务。在遇到问题时,如babel加载模块失败,通过安装相应模块和修改配置文件来解决。
摘要由CSDN通过智能技术生成
注意 事项
1.es6下创建三个目录
app
server
tasks

2.app下 创建
css
js
views

3.进入app/js目录
创建index.jsjs入口文件)
4.进入app/views
创建(注:ejs是一个模板引擎,在node中需要启动)
error.ejs
index.ejs

5.进入到 es6/server/
使用node的脚手架
启动脚手架 表示启用ejs模板引擎
express -e .
执行npm install

6.进入到es6/tasks
创建util(防止一些常用的脚本的)
初始化 tasks/util/args.js

7.在项目根目录
使用npm init (创建 package.json 依赖包文件(配置依赖))

8.创建设置babel 编译工具配置文件
 es6/.babelrc

9.创建gulp的构建文件
es6/gulpfile.babel.js


10.编辑 tasks/util/args.js

                    import yargs from 'yargs';

                    const args = yargs
//区分开发环境或者线上环境(gulp -production.option('production',{
                    boolean:true,
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值