Webpack - webpack-dev-server 两个配置

Posted 2023-04-13

【中文标题】Webpack - webpack-dev-server 两个配置

【英文标题】：Webpack - webpack-dev-server two configs

【发布时间】：2018-05-18 01:02:41

【问题描述】：

我有一个项目，它由两部分组成.. 一个管理环境和一个面向普通用户的 web 部分。每个部分都有另一个资产，所以我有两个 webpack 配置。第一个命名为 webpack-front.config.js，第二个命名为 webpack-admin.config.js。

我的结构：

├─┬ dist
│ ├── front.bundle.js 
│ └── admin.bundle.js
|
├─┬ src
│ ├─┬ front
| | └── index.js
│ └─┬ admin
|   └── index.js

当我尝试运行“webpack-dev-server --open”时，问题开始了。 Npm 打印：

> webpack-dev-server --open

No configuration file found and no entry configured via CLI option.
When using the CLI you need to provide at least two arguments: entry and output.
A configuration file could be named 'webpack.config.js' in the current directory.
Use --help to display the CLI options.
npm ERR! code ELIFECYCLE
npm ERR! errno 255
npm ERR! www@1.0.0 start: `webpack-dev-server --open`
npm ERR! Exit status 255
npm ERR!
npm ERR! Failed at the www@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2017-12-04T14_16_35_084Z-debug.log

出现此问题是因为我的配置未命名为“webpack.config.js”。有什么办法，如何使用另一个配置或同时使用两个配置运行 webpack-dev-server？

【参考方案1】：

您可以使用 config 选项来指定您的自定义配置文件。

> webpack-dev-server --config /home/user/project/path_to_config_file

【参考方案2】：

是的，有。要指定配置文件，请使用--config 标志。所以你的命令看起来像

webpack-dev-server --open --config webpack-front.config.js

不幸的是，我只能在 webpack 1 文档中找到对它的引用。 https://webpack.github.io/docs/webpack-dev-server.html#webpack-dev-server-cli