soar_lin SoarLin

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## decorator2.js
function Sale(price) {
  this.price = price || 100;
  this.decorators_list = [];
}

Sale.decorators = {};
Sale.decorators.fedtax = {
  getPrice: function(price) {
    return price + (price * 5/100);
  }

## decorator1.js
function Sale(price) {
  this.price = price || 100;
}
Sale.prototype.getPrice = function() {
  return this.price;
};
Sale.prototype.decorate = function (decorator) {
  var F = function(){},
      overrides = this.constructor.decorators[decorator],
      i, newobj;

## 58e0c25537c19efc4eb7240551fe5b3a
# Webpack 目前設定檔

[TOC]
## 套件安裝

* 主要套件 : `webpack`
* ESLint 檢查: `eslint eslint-loader eslint-plugin-react`
* Babel (ECMAScript6 語法轉換) : `babel-core babel-loader babel-preset-es2015`
* React 相關套件: `react rect-dom jsx-loader babel-preset-react`
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	function Sale(price) {
	this.price = price \|\| 100;
	this.decorators_list = [];
	}

	Sale.decorators = {};
	Sale.decorators.fedtax = {
	getPrice: function(price) {
	return price + (price * 5/100);
	}
	function Sale(price) {
	this.price = price \|\| 100;
	}
	Sale.prototype.getPrice = function() {
	return this.price;
	};
	Sale.prototype.decorate = function (decorator) {
	var F = function(){},
	overrides = this.constructor.decorators[decorator],
	i, newobj;
	# Webpack 目前設定檔

	[TOC]
	## 套件安裝

	* 主要套件 : `webpack`
	* ESLint 檢查: `eslint eslint-loader eslint-plugin-react`
	* Babel (ECMAScript6 語法轉換) : `babel-core babel-loader babel-preset-es2015`
	* React 相關套件: `react rect-dom jsx-loader babel-preset-react`