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-serv的功能与我使用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是我们必须在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

上

如何使用webpack-serve启动并运行？

1 个答案: