zoukankan      html  css  js  c++  java
  • 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 :打包模块化

    如有不足的地方欢迎指正,谢谢诸位大神啦
  • 相关阅读:
    2015年秋季个人阅读计划
    MFC Cstring转化为string
    虚拟机无法共享文件夹解决
    YCM编译安装
    windows 下mysql loadfile 返回NULL的解决
    读“单例写出花来”瞎想
    Spark Scheduler内部原理剖析
    go 获取函数被调用的文件即行数
    spark 获取applicationID
    spark job, stage ,task介绍。
  • 原文地址:https://www.cnblogs.com/menghan94/p/12155389.html
Copyright © 2011-2022 走看看