Override webpack devServer
npm install @reactseed/devserver@reactseed/devserver[![LICENSE][LICENSE-image]][LICENSE-url] [![npm version][npm-image]][npm-url] [![download-image]][download-url]
[LICENSE-image]:https://img.shields.io/badge/license-BSD-blue.svg
[LICENSE-url]: https://github.com/reactseed/devserver/blob/master/LICENSE
[npm-image]: https://img.shields.io/npm/v/@reactseed/devserver.svg
[npm-url]: https://www.npmjs.com/package/@reactseed/devserver
[download-image]: https://img.shields.io/npm/dm/@reactseed/devserver.svg?style=flat-square
[download-url]: https://www.npmjs.com/package/@reactseed/devserver
Override webpack devServer configuration for create-react-app 2.0 order to support mockServer.
- How to install
- Usage
- Configure customize-cra
- Conventional Mock file
- Write Mock files
This project relies on react-app-rewired、customize-cra. You'll need to install that in order for @reactseed/devserver to work.
``bash`
yarn add customize-cra react-app-rewired @reactseed/devserver --dev
`js
/ config-overrides.js /
const { overrideDevServer } = require('customize-cra');
const devServer = require('@reactseed/devserver');
module.exports = {
devServer: overrideDevServer(devServer),
};
`
Conventions All files in the /mock folder are mock files except files whose file name starts with _.
``
.
├── mock
├── _constant.js
└── app.js
└── src$3
`js`
/ _constant.js /
module.exports = {
apiPrefix: '/api',
};`js
/ app.js /
const { apiPrefix } = require('./_constant');
const packageJSON = require('../package.json');
module.exports = {
[GET ${apiPrefix}/app]: packageJSON,`
};/api/app ` to get a response.
Visit