support SSR

.ackrc

@@ -0,0 +1 @@
+--ignore-dir=dist

README.md

@@ -31,6 +31,32 @@ vue-migration-helper src folder-a folder-b
 
 ![Screenshot](http://i.imgur.com/aHh5TfR.png)
 
+## 支持服务端渲染
+
+代码更改详情: <>
+
+服务端渲染文档: <http://vuefe.cn/guide/ssr.html>
+
+支持服务端渲染主要修改的是加一个中间件 `server.js`, 另外一个需要注意的地方是配置服务端渲染后 `vue-resource` 加载时会报一个 `document is not defined` 错误, 错误详情可以查看这个 [Issue](https://github.com/vuejs/vue-resource/issues/455), 处理这个问题的方法是: 
+
+把这两行代码 
+
+
+`import VueResource from 'vue-resource'`
+
+`Vue.use(VueResource)`
+
+
+改成下面的方式
+
+`const inBrowser = typeof window !== 'undefined'`
+
+`if (inBrowser) {`
+
+ `Vue.use(require('vue-resource'))`
+
+`}`
+
 
 ## 项目介绍
 

build/setup-dev-server.js

@@ -0,0 +1,35 @@
+const path = require('path')
+const webpack = require('webpack')
+const MFS = require('memory-fs')
+const clientConfig = require('./webpack.client.config')
+const serverConfig = require('./webpack.server.config')
+
+module.exports = function setupDevServer (app, onUpdate) {
+ clientConfig.entry.app = ['webpack-hot-middleware/client', clientConfig.entry.app]
+ clientConfig.plugins.push(
+ new webpack.HotModuleReplacementPlugin(),
+ new webpack.NoErrorsPlugin()
+ )
+
+ const clientCompiler = webpack(clientConfig)
+ app.use(require('webpack-dev-middleware')(clientCompiler, {
+ publicPath: clientConfig.output.publicPath,
+ stats: {
+ colors: true,
+ chunks: false
+ }
+ }))
+ app.use(require('webpack-hot-middleware')(clientCompiler))
+
+ const serverCompiler = webpack(serverConfig)
+ const mfs = new MFS()
+ const outputPath = path.join(serverConfig.output.path, serverConfig.output.filename)
+ serverCompiler.outputFileSystem = mfs
+ serverCompiler.watch({}, (err, stats) => {
+ if (err) throw err
+ stats = stats.toJson()
+ stats.errors.forEach(err => console.error(err))
+ stats.warnings.forEach(err => console.warn(err))
+ onUpdate(mfs.readFileSync(outputPath, 'utf-8'))
+ })
+}

build/vue-loader.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+ postcss: [
+ require('autoprefixer')({
+ browsers: ['last 3 versions']
+ })
+ ]
+}

build/webpack.base.config.js

@@ -0,0 +1,38 @@
+const path = require('path')
+const webpack = require('webpack')
+const vueConfig = require('./vue-loader.config')
+
+module.exports = {
+ devtool: '#source-map',
+ entry: {
+ app: './src/client-entry.js',
+ vendor: ['vue', 'vue-router', 'lru-cache', 'es6-promise']
+ },
+ output: {
+ path: path.resolve(__dirname, '../dist'),
+ publicPath: '/dist/',
+ filename: 'client-bundle.js'
+ },
+ module: {
+ rules: [
+ {
+ test: /\.vue$/,
+ loader: 'vue',
+ options: vueConfig
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg)$/,
+ loader: 'url',
+ options: {
+ limit: 10000,
+ name: '[name].[ext]?[hash]'
+ }
+ }
+ ]
+ }
+}