mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
d47f47a647
* fix(webpack dev server): webpack dev server supports multiple webpack compilers are configuration * webpack-dev-server: add header
93 lines
2.9 KiB
TypeScript
93 lines
2.9 KiB
TypeScript
import * as webpack from 'webpack';
|
|
import * as WebpackDevServer from 'webpack-dev-server';
|
|
import * as core from 'express-serve-static-core';
|
|
const compiler = webpack({});
|
|
const multipleCompiler = webpack([]);
|
|
|
|
// basic example
|
|
let server = new WebpackDevServer(compiler, {
|
|
publicPath: "/assets/"
|
|
});
|
|
server.listen(8080);
|
|
|
|
// Configuration can be used as a type
|
|
const config: WebpackDevServer.Configuration = {
|
|
// webpack-dev-server options
|
|
inline: true,
|
|
// Toggle between the dev-server's two different modes --- inline (default, recommended for HMR) or iframe.
|
|
|
|
contentBase: "/path/to/directory",
|
|
// or: contentBase: "http://localhost/",
|
|
|
|
public: 'public-host.ru',
|
|
// Public host for server
|
|
|
|
disableHostCheck: true,
|
|
// Disable public host check, use it carefully
|
|
|
|
hot: true,
|
|
// Enable special support for Hot Module Replacement
|
|
// Page is no longer updated, but a "webpackHotUpdate" message is send to the content
|
|
// Use "webpack/hot/dev-server" as additional module in your entry point
|
|
// Note: this does _not_ add the `HotModuleReplacementPlugin` like the CLI option does.
|
|
|
|
// Set this as true if you want to access dev server from arbitrary url.
|
|
// This is handy if you are using a html5 router.
|
|
historyApiFallback: false,
|
|
|
|
// Set this if you want to enable gzip compression for assets
|
|
compress: true,
|
|
|
|
// Set this if you want webpack-dev-server to delegate a single path to an arbitrary server.
|
|
// Use "**" to proxy all paths to the specified server.
|
|
// This is useful if you want to get rid of 'http://localhost:8080/' in script[src],
|
|
// and has many other use cases (see https://github.com/webpack/webpack-dev-server/pull/127 ).
|
|
proxy: {
|
|
"**": "http://localhost:9090"
|
|
},
|
|
|
|
setup: (app: core.Express) => {
|
|
// Here you can access the Express app object and add your own custom middleware to it.
|
|
// For example, to define custom handlers for some paths:
|
|
app.get('/some/path', (req, res) => {
|
|
res.json({ custom: 'response' });
|
|
});
|
|
},
|
|
|
|
// pass [static options](http://expressjs.com/en/4x/api.html#express.static) to inner express server
|
|
staticOptions: {
|
|
},
|
|
|
|
// webpack-dev-middleware options
|
|
quiet: false,
|
|
noInfo: false,
|
|
lazy: true,
|
|
filename: "bundle.js",
|
|
watchOptions: {
|
|
aggregateTimeout: 300,
|
|
poll: 1000
|
|
},
|
|
// It's a required option.
|
|
publicPath: "/assets/",
|
|
headers: { "X-Custom-Header": "yes" },
|
|
stats: { colors: true }
|
|
};
|
|
|
|
// API example
|
|
server = new WebpackDevServer(compiler, config);
|
|
server.listen(8080, "localhost", () => {});
|
|
|
|
// HTTPS example
|
|
server = new WebpackDevServer(compiler, {
|
|
publicPath: "/assets/",
|
|
https: true
|
|
});
|
|
|
|
server.listen(8080, "localhost", () => {});
|
|
|
|
server.close();
|
|
|
|
// multiple compilers
|
|
|
|
server = new WebpackDevServer(multipleCompiler, config);
|