babel es6学习环境正确配置？

Question

1、我今天就想简单搭建一个学习es6的环境，通过babel生成es5的文件，然后我引用在浏览器打开。不想要vue，react脚手架什么的东西，就只是练习es6功能。
2、单个babel.js引入html有很多局限性就不说了
3、我按照网上的例子，尝试了三种搭建方式都提示缺少模块，我也不知道问题出在哪里
npmv5.5.1nodev8.9.1webpackv3.8.1gulpv3.9.1/////////////////////第一种：只有babel，参考连接https://segmentfault.com/a/11...
cnpminstall--save-devbabel-cli,babel-preset-es2015我在命令行试单独的babelsrc-ddist可以成功，但是在package.json的scipts里面写入"build":"babelsrc-ddist"运行npmrunbulid无论如何都成功不了，一直提示我缺少模块，我放弃了一直手动安装，下面只是其中一部分：
"babylon":"^6.18.0",
"balanced-match":"^1.0.0",
"brace-expansion":"^1.1.8",
"chalk":"^2.3.0",
"commander":"^2.12.2",
"concat-map":"^0.0.1",
"convert-source-map":"^1.5.1",
"core-js":"^2.5.1",
"debug":"^3.1.0",
"detect-indent":"^5.0.0",
"esutils":"^2.0.2",
"fs.realpath":"^1.0.0",
"glob":"^7.1.2",
"globals":"^11.0.1",
"js-tokens":"^3.0.2",
"minimatch":"^3.0.4",
"path-is-absolute":"^1.0.1",
"slash":"^1.0.0",
"source-map":"^0.6.1",
"to-fast-properties":"^2.0.0",
"trim-right":"^1.0.1"
第二种，webpack+babel，参考官网和连接http://blog.csdn.net/qq_30100...cnpminstall--save-devwebpackcnpminstall--save-devbabel-loaderbabel-corebabel-preset-2015
运行webpack后还是提示我缺少模块，core-js、to-fast-properties、babylon……
第三种，gulp+babel，参考官网cnpminstall--save-devgulp-babel,babel-preset-env运行webpack后还是提示我缺少模块"ansi-regex","dateformat","lodash.template"……
//////////////////////////////////////作为一个新手我不知道那个环节我错了或者正确的应该是怎样2017.11.30
///////////////////////有时候可能是浮躁现在来看官网的教程发现是可以一次配置成功的快速搭建环境，不需要webpack，不需要gulp，相当于用的babel命令行工具官网文档---babel内置插件--CLI,按照操作即可如果不行，升级npm等