1.0.0 • Published 7 years ago

babelmodule v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
7 years ago

###安装babel cli 使用babel编译的方法### npm install babel-cli -g

/*
* 现在只是吧es6.js代码复制过来 没有任何处理 需要配置babel怎么去编译代码
*
* 1)babel是通过安装插件(plugin)或者预设(preset, 就是一组设定好的插件)来编译代码
* 配置.babelrc
  2) npm init 
  3) npm install --save-dev babel-preset-es2015
  4) 修改.babelrc文件 添加
    "presets": ['es2015'],
    
 5) 运行 babel es6.js -o compiledes6.js  //发现已经编译完成
    
* */

###babel单独插件实现对象展开操作符 babel单独插件的配置使用### npm install babel-plugin-transform-object-rest-spread --save-dev

babel核心概念

用一系列的plugin来管理编译规则 通过不同的plugin, 不仅可以编译ES6代码 还可以编译React JSX

###待解决问题### SyntaxError: Unexpected token import

####模块module与组件component### 模块是语言层面的 往往表现为单独的js文件 对外暴露一些属性方法 组件是业务层面的 一个独立使用的功能实现 往往表现为一个UI组件 组件包含他所需要的所有资源 js, css , html , 甚至图片与字体 组件化以模块化为基础