如何启动并运行 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.

我需要设置一些路径吗？

编辑

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

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

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

Answer 1

全局安装webpack 或任何webpack 相关工具是NOT recommended，所以我建议你先全局卸载所有这些工具（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