如何起床运行webpack-serve？

Question

我正在尝试使用 webpack-serve（不是开发服务器），但我对如何实际运行它有点困惑。

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

在我看来我应该只输入 "webpack-serve" 它应该运行但我只是得到

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

我需要设置一些路径或类似的东西吗？

编辑

我通过全局安装得到它 "Build"。

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

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

Answer 1

NOT recommended 全局安装 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 的事情是我们必须在 webpack 配置中定义一个 serve 对象：

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

如何起床运行webpack-serve？

How to get up and running with webpack-serve?

webpack

webpack-serve