webpack - 如何从 CLI 为 Webpack 的 devServer.contentBas

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但无法找出解决方案。

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

最佳答案

想通了看下面的 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 在他对我的原始帖子的评论中提供的源代码提示。

关于webpack - 如何从 CLI 为 Webpack 的 devServer.contentBase 选项指定多个路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54491875/

相关文章:

visual-studio-code - 进行文本搜索时如何防止水平滚动?

typescript - 我想在nestjs中实现自定义缓存

ruby-on-rails - 如何将数组作为绑定(bind)变量传递给 Rails/ActiveR

angularjs - 使用 ui-sref 和 $state.go 在新标签页中打开

python-3.x - 在用户控制的目录中生成 python 字节码缓存

pandas - 重新采样 TimeSeries 时无法导入名称 'NaT'

reactjs - 使用下拉列表自定义 ag-grid-filter 使用 react-redux

php - 如何在登录后自定义重定向

r - 编辑 stargazer 源代码——保存的编辑不会呈现为 pdf

amazon-web-services - 我可以使用 boto 将 "ok_action"添加到现