node-master

使用方式

npm install -g nfd-master

cd project

mkdir masterConf

|-- masterConf
|------ index.js
|------ middlewareConf.js

// masterConf/index.js
const path = require('path')
// 如果是vue + webpack的形式,需要引入middlewareConf.js,并合并配置 
const middlewareConf = require('./middlewareConf')
module.exports = Object.assign( middlewareConf, {
 // 当前使用的框架:webpack、fis3,默认是webpack
 frame: 'webpack',
 
 // 设置环境变量,可省参数,默认值:dev
 env: 'dev',
 // 项目启动的端口
 port: 8002,
 // webpack + vue 使用的路由类型:hash、history
 routerMode: 'hash',
 // 是否按照请求路径,copy响应数据到本地,1:拷贝;0:不拷贝
 copyDataToLocal: 0,
 // 数据代理模式,localdata: 本地数据,serverdata: 服务器数据
 mode: 'serverdata',
 // 统一代理的目标地址、端口号
 hosts: [{
 ip: '',
 selected: 1,
 desc: '',
 label: '',
 port: 8080
 }],
 
 // 不需要拦截的请求
 ignoreList: ['/pathA/pathB/pathC'],
 // 需要拦截转发的请求,会被转发到 hosts中指定的目标地址
 monitoringList: ['/pathA/pathB/*'],
 // 需要代理到其他特殊目标地址的请求,会被转发到 targetUrl 目标地址
 proxyTable: {
 'sourceUrl': 'targetUrl'
 },
 // 静态资源请求,对象形式,可设置多个请求链接
 staticUrls: {
 'sourceUrl': 'targetUrl'
 },
 
 // 开发环境下打包的目标文件夹,如果是webpack + vue 打包是在内存中的,写成当前文件根目录即可
 distRoot: path.resolve(__dirname, 'targetDir'),
});

// masterConf/middlewareConf.js
let webpackConf = require('../build/webpack.dev.conf')
module.exports = {
 // webpack-dev-middleware配置
 webpackMiddleWareOption: {
 publicPath: webpackConf.output && webpackConf.output.publicPath,
 noInfo: false,
 quiet: false,
 lazy: false,
 watchOptions: {
 aggregateTimeout: 300,
 poll: true
 },
 index: 'index.html',
 headers: {
 'X-Custom-Header': 'yes'
 },
 stats: {
 colors: true,
 chunks: true,
 assets: true
 },
 reporter: null,
 serverSideRender: true
 },
 // webpack-hot-middleware配置
 hotMiddlewareOption: {}
}

nfd master -p 8001 -e dev