webpack搭建ES6环境

  • Post author:
  • Post category:其他


ES6环境搭建


参考链接

环境需求:

1. Node

2. cnpm (国内可以选择cnpm,淘宝镜像)

3. webpack

4. babel-loader (转码器)

创建工程目录的结构如下:

目录结构

目录结构说明:

study-es6: 项目名

dist/js:存放打包后的文件;

src:开发环境访问的目录;

src/main.js:我们编写的es6代码;

index.html:访问的页面(根目录下)

webpack.config.js:webpack配置文件;

 1. cnpm install 
 2. cnpm install webpack --save-dev ( 安装webpack )
 3. cnpm install babel-loader babel-core babel-preset-es2015 webpack --save-dev  ( 安装转码器 )  



版权声明:本文为EggDream原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。