首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何启动并运行webpack-serve?

如何启动并运行webpack-serve?
EN

Stack Overflow用户
提问于 2018-07-02 14:22:53
回答 1查看 2.1K关注 0票数 5

我正在尝试使用webpack-serve(不是dev-server),但我对如何实际运行它感到有点困惑。

我安装了它,我有npm,webpack 4和使用VS代码与命令行。

在我看来,我应该只是把“webpack发球”,它应该运行,但我只是得到

代码语言:javascript
复制
'webpack-serve' is not recognized as an internal or external command,
operable program or batch file.

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

编辑

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

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-05 03:53:58

全局安装webpack或任何与webpack相关的工具是错误的,所以我建议您先全局卸载所有这些工具(NPM和Yarn)。

我启动了一个新项目并创建了3个webpack配置文件:

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

在我们的package.json

代码语言:javascript
复制
"scripts": {
  "serve": "webpack-serve --config webpack.dev.js",
  "build": "webpack --config webpack.prod.js"
}

我学到的关于webpack-serve的事情是,我们必须在webpack配置中定义一个serve对象:

代码语言:javascript
复制
const path = require('path');

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

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

例如yarn run serveyarn run build

完整的示例在Github

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51130125

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档