webpack - 如何从 CLI 为 Webpack 的 devServer.contentBase 选项指定多个路径

Question

Webpack documentation对于 devServer.contentBase 说

It is also possible to serve from multiple directories:

webpack.config.js

module.exports = {
  //...
  devServer: {
    contentBase: [path.join(__dirname, 'public'), path.join(__dirname, 'assets')]
  }
};

通过 CLI 使用

webpack-dev-server --content-base /path/to/content/dir

我不知道如何通过 CLI 传递多个路径。

在我的package.json

"scripts": {
    "build": "webpack",
    "start:dev": "webpack-dev-server --content-base dist"

  },

我尝试为 start:dev 命令传递以下值，但没有一个有效。

webpack-dev-server --content-base dist src/css
webpack-dev-server --content-base dist, src/css
webpack-dev-server --content-base 'dist src/css'
webpack-dev-server --content-base 'dist', 'src/css'
webpack-dev-server --content-base [ 'dist', 'src/css' ]

我找到了一个相关的post但无法找出解决方案。

还有没有遵循任何标准来指定如何在命令行上指定接受值数组的参数？如果是，请提供引用。

Answer 1

想通了看下面的 source code片段

if (Array.isArray(options.contentBase)) {
   options.contentBase = options.contentBase.map((p) => path.resolve(p));
 }

我们需要按以下方式传递多个--content-base 参数

"webpack-dev-server --content-base dist --content-base src/css"

感谢 Ali Doustkani 在他对我的原始帖子的评论中提供的源代码提示。