1.0.0 • Published 7 years ago
babelmodule v1.0.0
###安装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 , 甚至图片与字体 组件化以模块化为基础
1.0.0
7 years ago