码迷,mamicode.com
首页 > Web开发 > 详细

关于web-dev-server 记录

时间:2016-09-20 22:32:29      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:

package.json

"scripts": {
    "init": "webpack --progress --config webpack.dev.config.js",
    "dev": "webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js",
    "build": "webpack --progress --hide-modules --config webpack.prod.config.js"
},

 

 

 

 server.js —— 类似express构建http服务

‘use strict‘

var webpack = require(‘webpack‘);
var WebpackDevServer = require(‘webpack-dev-server‘);
var config = require(‘./webpack.config‘);
config.entry.unshift(‘webpack-dev-server/client?http://localhost:8090‘, "webpack/hot/dev-server");
config.plugins.push(new webpack.HotModuleReplacementPlugin());

// 这里配置:请求http://localhost:9090/api,
// 相当于通过本地node服务代理请求到了http://cnodejs.org/api
var proxy = [{    
    target: "https://cnodejs.org",
    host: "cnodejs.org",
    path: "/api/*"
}]
//启动服务
var app = new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    hot:true,
    historyApiFallback: true,
    proxy:proxy
});
app.listen(8090);

 

关于web-dev-server 记录

标签:

原文地址:http://www.cnblogs.com/CyLee/p/5890681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!