1.0.2 • Published 7 years ago

zjlu v1.0.2

Weekly downloads
3
License
MIT
Repository
-
Last release
7 years ago

zjlu(自己卤) 自动化构建工具 --es6, --react

自己卤npm script

installation

$ npm i zjlu --save-dev

use

  • es5 project with 'mocha' git
$ ./node_modules/.bin/zjlu  
  • es6 project with mocha git babel
$ ./node_modules/.bin/zjlu --es6
  • react&es6
$ ./node_modules/.bin/zjlu --react

git

  1. git init
  2. .gitignore \<\< node_modules

test (mocha chai)

  1. cnpm i mocha --save-dev
  2. cnpm i chai --save-dev
  3. exaple.text.js --es5 or example.test.js --es6
  4. mocha.opt --es5 or es6

test

  1. cnpm i mocha --save-dev
  2. cnpm i chai --save-dev

react

  1. webpack.config.js
  2. cnpm i react --save
  3. cnpm i react-dom --save
  4. cnpm i redux --save
  5. cnpm i immutable --save
  6. cnpm i redux --save
  7. cnpm i

es6

  1. babel-init babelrc(presets: es2015 react)

  2. babel-cli

    命令行转码,包含 babel-node(支持 repl, debug es6)

  • npm script 转码 命令
  • npm script debug 命令
  1. babel-register

    给require加钩子, 每当加载 js, jsx, es, es6 后缀文件, 就babel转码
    使用时,必须首先加载babel-register babel-register只会对require命令加载的文件转码, 而不会对当前文件转码。
    另外,由于它是实时转码,所以 只适合在开发环境 使用。

require("babel-register");
require("./index.js"); //==> 对 index.js 实时转码
  1. babel-polyfill

    Babel默认只转换新的JavaScript句法(syntax), 而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象, 以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。

Babel默认不转码的API非常多,详细清单可以查看babel-plugin-transform-runtime模块的definitions.js文件。

使用时 请加上

import 'babel-polyfill';
// 或者
require('babel-polyfill');
  1. bable-core

    如果某些代码需要调用Babel的API进行转码,就要使用babel-core模块。
    这么高深的模块,我暂时不会用,但尼玛react 御用构建工具 webpack 要用唉.