前言:本博客介绍的仅供学习es6语法使用的(为了能让浏览器识别es6语法),并不适用于实战项目。
tips:现在将谷歌浏览器更新至最新版后大多es6语法都能正确运行了。所以可以先直接写ES6代码进行测试了。如果有ES6语法报错的情况下再进行下面配置,这样更能省时省力学习!
一、创建的目录结构
根目录为:ES6_TEST
目录树如下图:
二、需要配置的文件以及配置内容
1、app.js文件是自己练习es6语法js文件
2、index.html文件里面只需写上基本的html结构即可
3、package.json文件就是管理npm安装的插件的版本信息。
内容为:(注意插件后面的版本号)
{
"name": "ecmascript6-_test",
"version": "1.0.0",
"description": "es6 test",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"webpack": "webpack --config webpack.config.js --colors --display-reasons --watch"
},
"author": "winne",
"license": "ISC",
"devDependencies":