如何启动并运行 webpack-serve？

Question

我正在尝试使用webpack-serve（而不是 dev-server），但我对如何实际运行它感到有些困惑。

我安装了它，我有 npm、webpack 4 并在命令行中使用 VS Code。

在我看来，我应该只放置“webpack-serve”并且它应该运行但我只是得到

'webpack-serve' is not recognized as an internal or external command,
operable program or batch file.

我是否需要沿着这些路线设置一些路径或其他东西？

编辑

我通过在全球安装它来“构建”。

我现在试图让 webpack-serve 的功能与我使用 webpack-serve 时完全一样，但现在不是（它没有打开浏览器，不确定如何在开发模式和生产模式之间切换，也不确定如何让路由工作）

我在这里做了一个例子：https : //github.com/chobo2/webpack-serve-example

Answer 1

不建议全局安装webpack或任何webpack相关工具，因此我建议您首先全局卸载所有这些工具（NPM 和 Yarn）。

我开始了一个新项目并创建了 3 个webpack配置文件：

• webpack.common.js
• webpack.dev.js
• webpack.prod.js

在我们的package.json：

"scripts": {
  "serve": "webpack-serve --config webpack.dev.js",
  "build": "webpack --config webpack.prod.js"
}

我了解到的webpack-serve是我们必须serve在配置中定义一个对象webpack：

const path = require('path');

module.exports = {
  // other configs ....
  serve: {
    // a minimal example 
    content: path.resolve(__dirname, "dist")
  }
}

我们将package.json仅通过调用脚本来运行我们的项目，

例如yarn run serve或yarn run build

完整的例子在Github上