问如何配置webpack服务？
EN

Stack Overflow用户

提问于 2020-10-17 03:52:32

回答 1查看 2K关注 0票数 3

我试着按照教程用webpack-dev-server来设置一个webpack开发服务器，但是因为它不能在webpack-cli v4上工作，所以我决定使用webpack-serve (3.2.0版)。我的文件夹结构看起来像this。index.js和test.js捆绑在一起，它们应该记录一些数字和一个字符串到控制台，dist文件夹中的index.html连接到bundle.js。我的package.json是：

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "forkify project",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "start": "webpack-serve --config webpack.config.js --host localhost --port 8080 --open"
  },
  "author": "Alex",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.1.0",
    "webpack-cli": "^4.0.0",
    "webpack-serve": "^3.2.0"
  },
  "dependencies": {}
}

webpack.config.js看起来像这样：

const path = require("path");

module.exports = {
  entry: "./src/js/index.js",
  output: {
    path: path.resolve(__dirname, "dist/js"),
    filename: "bundle.js",
  },
  devServer: {
    contentBase: "./dist",
  },
};

当我运行"start"脚本时，它打开了一个页面，错误是'Not found / 404‘，here它说，它一定是试图提供索引文件，但找不到一个。当我在"start"脚本中没有指定主机和端口时，它会在http://[::]:55555/上打开一个页面，我得到'Unable to connect error'，我的捆绑包中的任何内容都不会记录到控制台中。Path对我来说似乎没问题。在webpack.config.js中将devServer更改为serve会在命令行中产生错误: configuration具有未知的属性'serve‘。请帮我找出问题并让服务器正常运行。

webpack-serve

webpack

回答 1

Stack Overflow用户

发布于 2020-10-21 03:49:54

尝试使用以下配置，

"webpack"："^5.1.3"，"webpack-cli"："^3.3.12"，"webpack-dev-server"："^3.11.0“

"start"：“webpack-开发-服务器--配置webpack.config.js --主机本地主机-- 8080端口--打开”

票数 1

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

原文链接：

https://stackoverflow.com/questions/64395579

复制

相似问题

问如何配置webpack服务？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何配置webpack服务？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何配置webpack服务？
EN