es6学习整理(1)

es6 模块化

如果 输出的时候是export default 时候倒入 import 对象名 from 路径 即可, 如果有多个export变量,import { fun1,fun2} from 路径

搭建开发环境:

1.  npm init 

2. npm  install --save-dev babel-core babel-preset-es2015 baebl-preset-latest

3.创建 .babelrc 文件

4. npm install --gobal-babel-cli

5.babel --version

6.创建./src/index.js

7.index中写es6语法函数

检查babel版本 :babel --version

安装babel:npm install babel-cli

babel js文件路径:将js文件转译成es6

开发环境:

一  webpack (待补充)

1.安装webpack插件:npm install --save-dev webpack-babel-loader

2.配置webpack.config.js   

3.修改package.json 中的scripts

4.运行 npm start 

二  rollup+gulp使用

1.npm init

2.npm i rollup-plugin-node-reslove rollup-plugin-babel babel-plugin-external-helpers babel-preset-latest --save-dev

npm i rollup rollup-plugin-node-resolve rollup-plugin-babel babel-plugin-external-helpers babel-preset-latest --save-dev

3.配置.babelrc文件

4.配置rollup.config.js

5.修改package.json 的scripts

6.运行

rollup :打包模块化

如有不足的地方欢迎指正,谢谢诸位大神啦
原文地址:https://www.cnblogs.com/menghan94/p/12155389.html