add command for development (close #1)

Andrey Morozov · Andrey Morozov · commit bba305f5f3b6 · 2015-09-13T18:30:04.000+03:00
diff --git a/README.md b/README.md
@@ -36,22 +36,33 @@ src/js              Javascript files
 src/styles          CSS or Stylus files
 ```
 
-## How to develop?
-### Build project
+## Commands
+
+### For build project
 ```
 npm run build
 ```
 
-### Static code analyser and codestyle checking
+Builded version located in `./build` directory.
+
+### For development
+```
+npm run dev
+```
+
+After that open [http://localhost:8080/webpack-dev-server/](http://localhost:8080/webpack-dev-server/) with your favorite browser.
+
+### For static code analyse and codestyle checking
 ```
 npm run lint
 ```
 
-### Run tests
+### For run tests
 Run tests:
 ```
 npm run test
 ```
 
+
 ## Contribution
   * [Codestyle](https://github.com/yandex/codestyle/blob/master/javascript.md)
diff --git a/README.ru.md b/README.ru.md
@@ -34,18 +34,28 @@ src/js              Javascript файлы
 src/styles          CSS или Stylus файлы
 ```
 
-## Как разрабатывать?
-### Собрать проект
+## Команды
+
+### Для собрки проект
 ```
 npm run build
 ```
 
-### Статический анализ кода и проверка стиля
+Собранная версия проекта находится в `./build` директории.
+
+### Для разработки
+```
+npm run dev
+```
+
+После этого откройте [http://localhost:8080/webpack-dev-server/](http://localhost:8080/webpack-dev-server/) в своем любимом браузере.
+
+### Для статического анализа кода и проверки стиля
 ```
 npm run lint
 ```
 
-### Запуск тестов
+### Для запуска тестов
 Run tests:
 ```
 npm run test
diff --git a/package.json b/package.json
@@ -1,12 +1,14 @@
 {
   "name": "iseed",
   "description": "Start a frontend project in under 5 minutes, with full test and build infrastructure.",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "author": "Andrey Morozov <alt-j@yandex-team.ru>",
-  "contributors": [{
-    "name": "Alexander Tarmolov",
-    "email": "hevil@yandex-team.ru"
-  }],
+  "contributors": [
+    {
+      "name": "Alexander Tarmolov",
+      "email": "hevil@yandex-team.ru"
+    }
+  ],
   "keywords": [
     "frontend",
     "project",
@@ -32,8 +34,9 @@
     "css-loader": "0.9.0",
     "eslint": "1.3.1",
     "git-hooks": "1.0.0",
+    "html-webpack-plugin": "1.6.1",
     "jscs": "2.1.1",
-    "karma": "^0.13.9",
+    "karma": "0.13.9",
     "karma-cli": "0.1.0",
     "karma-mocha": "0.2.0",
     "karma-phantomjs-launcher": "0.2.1",
@@ -49,7 +52,8 @@
     "webpack-dev-server": "1.10.1"
   },
   "scripts": {
-    "build": "cp -r src/assets build && webpack -p",
+    "dev": "webpack-dev-server",
+    "build": "webpack -p",
     "validate": "npm run lint && npm run test",
     "lint": "jscs . && eslint .",
     "test": "karma start karma.conf.js"
diff --git a/src/index.html b/src/index.html
@@ -8,6 +8,5 @@
 
     <body>
         <h1>Hello, world!</h1>
-        <script src="build.js"></script>
     </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
@@ -1,4 +1,5 @@
 var webpack = require('webpack');
+var HtmlWebpackPlugin = require('html-webpack-plugin');
 var environment = process.env.NODE_ENV || 'development';
 
 module.exports = {
@@ -29,12 +30,21 @@ module.exports = {
     },
 
     plugins: [
+        new HtmlWebpackPlugin({
+            inject: 'body',
+            filename: 'index.html',
+            template: __dirname + '/src/index.html'
+        }),
         new webpack.DefinePlugin({'process.env.NODE_ENV': '"' + environment + '"'}),
         new webpack.optimize.DedupePlugin(),
         new webpack.optimize.UglifyJsPlugin({
             compress: {
                 warnings: false
             }
         })
-    ]
+    ],
+
+    devServer: {
+        contentBase: './build'
+    }
 };
