dev-server.js 启动文件配置
var port = process.env.PORT || config.dev.port //配置项目端口号,在搭建本地服务时使用
var poxyTable = config.dev.proxyTable //代理接口,在需要业务接口发时使用
var devMiddleware = require('webpack-dev-middleware')(compiler,{
publicPath:webpackConfig.output.pablicPath
stats:{
color:true,
chunks:false
}
})
webpack-dev-middleware express为webpack开发的中间件,publicPath静态资源访问路径,这个中间件将编译好的文件放在内存中
Object.keys(proxyTable).forEach(function (context) {
var options = proxyTable[context]
if (typeof options === 'string') {
options = {target: options}
}
app.use(proxyMiddleware(context, options))
})
相关代理接口使用,启用接口转发机制,传入参数对应config.dev.proxyTable
var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
app.use(staticPath, express.static('./static'))
配置静态资源访问路径
app.listen(port,function(err){ //代码块 }) //express listen()方法,开启本地服务使用,监听端口port