diff --git a/.codeclimate.yml b/.codeclimate.yml
new file mode 100644
index 0000000..7e081f9
--- /dev/null
+++ b/.codeclimate.yml
@@ -0,0 +1,8 @@
+languages:
+ Ruby: true
+ JavaScript: true
+ PHP: true
+ Python: true
+exclude_paths:
+ - "app/source/css/library/weui.css"
+ - "app/static/tools/fetch.js"
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..75c1cba
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+*.log
+*.log.*
+.idea
+.happypack
+build
\ No newline at end of file
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..d67eff7
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,13 @@
+language: node_js
+node_js:
+ - '7'
+before_script:
+ - export DISPLAY=:99.0
+ - sh -e /etc/init.d/xvfb start
+install:
+ - npm install
+ - npm install coveralls
+script:
+ - npm run test
+after_script:
+ - npm run test:coveralls
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..444d68c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,115 @@
+# ie-webpack-start
+[](https://travis-ci.org/sayll/ie-webpack-start) [](https://coveralls.io/github/sayll/ie-webpack-start) [](https://codeclimate.com/github/sayll/ie-webpack-start)
+
+IE 9+ 用户请转至:[avalon-webpack-start](https://github.com/sayll/avalon-webpack-start)
+
+React 用户请转至:[react-webpack-start](https://github.com/sayll/react-webpack-start)
+## 介绍
+
+这个一个为打包支持到低版本的`webpack2`实验性脚手架。
+本项目使用[`avalon2`](https://github.com/RubyLouvre/avalon)作为演示框架。
+
+下面是非常!非常!!非常!!!重要的事情!!!
+此项目无法在低版本IE下启动服务实时测试,必须通过打包才知道测试结果。
+所以请用户自行在其他浏览器编写测试,最后回跑测试打包的IE
+由于代码压缩导致无法在IE下正常运行,本版本取消代码压缩功能。如有使用如Jquery第三方库的同学,最好自行引用它的min版本,而不是通过打包形式。
+
+[更多介绍...](/docs/README.md)
+
+## 开始
+
+### 环境配置
+1. 安装新版:[node.js](https://nodejs.org/)
+2. 安装新版:[git](https://git-scm.com/)
+
+### 依赖配置
+确认好你的环境配置,然后就可以开始以下步骤。
+
+```bash
+$ git clone https://github.com/sayll/ie-webpack-start.git
+$ cd ie-webpack-start
+$ npm install # Install project dependencies
+$ npm start # Compile and launch
+```
+
+如果一切顺利,就能正常打开端口:[http://localhost:3000/](http://localhost:3000/)
+
+开发过程中,你用得最多的会是`npm start`。
+
+但是这里还有很多其它的处理:
+
+
+|`npm run
+
+
+
+
+
+
IconFont 图标
+
+
+ -
+
+
silder
+ #icon-sliderR
+
+
+ -
+
+
silder
+ #icon-sliderL
+
+
+
+
+
+
symbol引用
+
+
+
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章
+ 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:
+
+ - 支持多色图标了,不再受单色限制。
+ - 通过一些技巧,支持像字体那样,通过
font-size
,color
来调整样式。
+ - 兼容性较差,支持 ie9+,及现代浏览器。
+ - 浏览器渲染svg的性能一般,还不如png。
+
+
使用步骤如下:
+
第一步:引入项目下面生成的symbol代码:
+
+
第二步:加入通用css代码(引入一次就行):
+
<style type="text/css">
+.icon {
+ width: 1em; height: 1em;
+ vertical-align: -0.15em;
+ fill: currentColor;
+ overflow: hidden;
+}
+</style>
+
第三步:挑选相应图标并获取类名,应用于页面:
+
<svg class="icon" aria-hidden="true">
+ <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+