5

我正在尝试使用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

4

1 回答 1

3

不建议在全球范围内安装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

于 2018-07-04T19:53:58.000 回答