update:webpack

Author: lzxb

.babelrc

@@ -1,11 +1,7 @@
 {
-    "presets": [
-        "es2015",
-        "stage-0"
-    ],
-    "compact": true,
-    "plugins": [
-        "transform-object-assign",
-        "transform-vue-jsx"
-    ]
+  "presets": [
+    "es2015",
+    "stage-0"
+  ],
+  "compact": true
 }

index.html

@@ -19,34 +19,33 @@
   },
   "homepage": "https://github.com/lzxb/vue-cnode#readme",
   "devDependencies": {
-    "autoprefixer-loader": "^3.2.0",
-    "babel-core": "^6.18.2",
-    "babel-helper-vue-jsx-merge-props": "^2.0.2",
-    "babel-loader": "^6.2.7",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-object-assign": "^6.8.0",
-    "babel-plugin-transform-vue-jsx": "^3.1.2",
-    "babel-preset-es2015": "^6.18.0",
-    "babel-preset-stage-0": "^6.16.0",
-    "cross-env": "^3.1.3",
-    "css-loader": "^0.25.0",
-    "file-loader": "^0.9.0",
-    "html-webpack-plugin": "^2.24.1",
-    "less": "^2.7.1",
+    "autoprefixer": "^6.7.6",
+    "babel-core": "^6.23.1",
+    "babel-loader": "^6.3.2",
+    "babel-preset-es2015": "^6.22.0",
+    "babel-preset-stage-0": "^6.22.0",
+    "css-loader": "^0.26.2",
+    "express": "^4.15.0",
+    "file-loader": "^0.10.1",
+    "html-webpack-plugin": "^2.28.0",
+    "less": "^2.7.2",
     "less-loader": "^2.2.3",
-    "style-loader": "^0.13.1",
-    "url-loader": "^0.5.7",
-    "vue-loader": "^9.7.0",
-    "webpack": "^1.13.3",
-    "webpack-dev-server": "^1.16.2"
+    "postcss-loader": "^1.3.3",
+    "style-loader": "^0.13.2",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^11.1.4",
+    "vue-style-loader": "^2.0.3",
+    "vue-template-compiler": "^2.2.1",
+    "webpack": "^2.2.1",
+    "webpack-dev-middleware": "^1.10.1"
   },
   "dependencies": {
     "flex.css": "^1.1.6",
     "github-markdown-css": "^2.4.1",
-    "is": "^3.2.0",
+    "is": "^3.2.1",
     "normalize.css": "^5.0.0",
-    "vue": "^2.1.4",
-    "vue-router": "^2.1.1",
-    "vuex": "^2.0.0"
+    "vue": "^2.2.1",
+    "vue-router": "^2.3.0",
+    "vuex": "^2.2.1"
   }
 }

package.json

@@ -1,24 +1,18 @@
-const Webpack = require('webpack')
-const WebpackDevServer = require('webpack-dev-server')
+const express = require('express')
+const webpack = require('webpack')
 const webpackConfig = require('./webpack.config')
-const config = require('./config/')
 
-var compiler = Webpack(webpackConfig)
-var server = new WebpackDevServer(compiler, {
-    publicPath: config.publicPath,
-    stats: {
-        colors: true //显示不同的颜色区分打包的文件
-    }
-})
+const app = express()
+const compiler = webpack(webpackConfig)
 
-server.app.get(`${config.base}*`, function (req, res) {
-    res.sendFile(__dirname + '/index.html')
+var devMiddleware = require('webpack-dev-middleware')(compiler, {
+  publicPath: webpackConfig.output.publicPath,
+  stats: 'normal'
 })
 
-server.listen(3000, (err) => {
-    if (err) {
-        console.log(err)
-        return
-    }
-    console.log('http://localhost:3000' + config.base)
+app.use(devMiddleware)
+
+app.listen(3000, (err) => {
+  if (err) return console.log(err)
+  console.log('http://localhost:3000/')
 })