引导者本文目录一览：
- 1、如何让浏览器支持ES6中的import和export语法
- 2、在Webstorm中利用babel将ES6自动转码成ES5如何实现
- 3、JavaScript用什么编译器?
- 4、详解如何使用webpack打包多页jquery项目
- 5、为什么说Babel将推动JavaScript的发展
如何让浏览器支持ES6中的import和export语法
找到问题的原因在于浏览器不支持ES6语法，所以需要使用Babel去编译。接下来是如何在前端项目中配置babel，使能够将ES6编译成ES5语法：注意 ： 所有使用到了ES6语法的文件都需要配置在以上的 module rules include 里面。
ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。
语法上面，两者最明显的差异是，CommonJS 模块使用require()和module.exports，ES6 模块使用import和export。 ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。
在Webstorm中利用babel将ES6自动转码成ES5如何实现
1、在Webstorm 里新建一个空项目，取名为es6demo..然后在根目录下面新建一个package.json，只需要写明两个属性即name和version。打开webstorm的终端(Terminal)，快捷键为Alt+F12，安装babel-cli。也可全局安装。
2、直接安装Babel法：1) 首先全局安装Babel。
3、） 我们一定要下载最新版本的3 webstorm，只有这个版本才能更好的兼容ES6特性。2）设置JavaScript语言版本：Preferences Languages & Frameworks JavaScript 3）设置自动转码工具。
4、ES6 class 的 ES5 代码实现JavaScript语言的传统方法是通过构造函数定义并生成新对象，这种写法和传统的面向对象语言差异较大。所以，ES6引入了Class这个概念作为对象的模板。
5、webstorm中es6语法报错，解决方法：打开 Settings = Languages & Frameworks = Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。
JavaScript用什么编译器?
目前前端使用率最高的就是sublime 和 webstormbabeljs了，当然了还有visual ，DW， 等等。下面仅介绍一些sublime和webstorm。
Sublime Text 的主要功能如下[4]：多行编辑：用户可一次选择多行并进行同步编辑。自动完成：根据目前的编程语言自动提示字符串让用户输入。代码上色与高对比显示：使用暗色背景和亮色文字提高对比。
Akshell是一个可以让Web开发人员从他们的浏览使用HTML和JavaScrtip创建Web应用。它支持最新版本的浏览器：Safari， Chrome， 或 Firefox。 Spket Spket 是一个IDE，能够让babeljs你轻松用Javascript 和 XML进行开发。
对于javascript的编辑器，有很多种。
JavaScript 脚本语言，不需要编译器，只需要解释器和宿主环境，通常也称作 JavaScript 引擎。
详解如何使用webpack打包多页jquery项目
打包多个页面的js文件 读取src/views下的目录babeljs，约定每一个目录当成一个页面babeljs，打包成一个js chunk。 打包多个html 循环生成多个HtmlWebpackPlugin插件babeljs，把每一个插件的chunks各自指向上面打包的js chunk。
参数用来指向组件产生的子页面（比如生成的嵌套的列表）。会被转义为example.html&ui-page=subpageIdentifier。Jquery Mobile会把 &ui-page=之前的部分用来向子页面的url地址发出ajax请求。
jquery.mCustomScrollbar在npm上写babeljs了在webpack里使用的方法但是其只说啦引用jsbabeljs，还需要配合mCustomScrollbar的css才能正常使用。
为什么说Babel将推动JavaScript的发展
1、Babel是一个广泛使用的JavaScript编译器。它允许开发人员使用最新的JavaScript语言特性来编写代码babeljs，并将代码转换为较旧的JavaScript版本babeljs，以便在更广泛的浏览器和环境中运行。
2、Babelbabeljs，作为前端开发的守护神，它扮演着将现代JavaScript语法（ES2015+）转化为浏览器兼容版本（ES5）的桥梁。这一过程分为三个关键步骤babeljs：解析、转换和生成。
3、代码规范并不是一种编写正确JavaScript代码的规则，而是为了保持源代码编写模式一致的一种选择。对于JavaScript语言尤其如此，因为它灵活并且约束较少，允许开发者使用许多不同的编码样式。
4、浏览器的发展，越来越多的浏览器支持ES6甚至ES7的语法，通过Babel可以将ES6/ES7的语法转换成ES5，从而在现有环境中可以运行，因此ESES7基本成为了现代JS语法的开发标准。
5、此代码说明babel-cli已安装成功，形成了依赖。然后再Settings->babeljs；Languages & Frameworks中选择Javascript选项，同时将version版本选择为ECMAScript6即可。
