注意 事项 1.es6下创建三个目录 app server tasks 2.在 app下 创建 css js views 3.进入app/js目录 创建index.js(js入口文件) 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,
es6环境搭建
最新推荐文章于 2024-08-11 18:43:19 发布
本文档详细介绍了如何搭建一个支持ES6的开发环境,包括创建项目目录结构,安装和配置Express、EJS模板引擎,使用Babel、Webpack进行ES6代码转换,设置热更新和构建流程。通过设置`package.json`,安装`babel`、`webpack`等相关依赖,并编写`gulpfile.babel.js`、`.babelrc`等配置文件,完成项目构建和自动化任务。在遇到问题时,如babel加载模块失败,通过安装相应模块和修改配置文件来解决。
摘要由CSDN通过智能技术生成