如何指定 webpack-dev-server webpack.config.js 文件位置

Posted

技术标签:

【中文标题】如何指定 webpack-dev-server webpack.config.js 文件位置【英文标题】:How to specify webpack-dev-server webpack.config.js file location 【发布时间】:2017-01-15 01:21:08 【问题描述】:

我从 webpack 开始。

我已经能够像这样为 webpack 指定 webpack.config.js 的位置:

"webpack --config ./App/webpack.config.js"

现在我也在尝试将 webpack-dev-server 与该文件一起使用,但我找不到如何为其指定 webpack.config.js 位置。

这是我的 package.json 的相关部分

"scripts": 
  "start": "webpack-dev-server --config ./App/webpack.config.js --progress --colors",
  "build": "webpack --config ./App/webpack.config.js --progress --colors"

如何将 ./App/ 目录传递给我的 webpack-dev-server?

【问题讨论】:

使用--config 应该可以。你得到什么错误? 【参考方案1】:

刚刚遇到这个问题。正如 spacek33z 所说,--config 是正确的。我在 webpack 文档或 webpack-dev-server 文档中找不到这个,所以我发现自己在这个问题上。

例如

webpack-dev-server --config demo/webpack.config.js

【讨论】:

【参考方案2】:

对于像我这样的新手:

在 package.json 中提及配置路径,如下所示:


  "name": "abc",

  "version": "0.0.1",

  "description": "description",

  "main": "index.js",

  "scripts": 
    "dev": "webpack-dev-server --config ./client/webpack.config.js",
    "build": "webpack --config ./client/webpack.config.js"
   

【讨论】:

可以加个配置文件例子吗?作为 webpack.config.js

以上是关于如何指定 webpack-dev-server webpack.config.js 文件位置的主要内容,如果未能解决你的问题,请参考以下文章

webpack-dev-server 的 allowedHosts 安全机制的目的是啥?

webstorm修改文件,webpack-dev-server及roadhog不会自动编译刷新

详解webpack-dev-server的配置属性

5 webpack-dev-server的常用命令参数

webpack运行报错 webpack-dev-server.... 解决方法

如何同时观看运行 Jest 测试的 webpack-dev-server?