Javascript 网页包未生成bundle.js

我正在使用react和php制作一个web应用程序，我正在使用webpack for es6 to js，所以我生成了文件，但我对webpack output bundle.js文件有一个问题

这是我的webpack.config.js

这是我的package.json

为什么webpack生成并将bundle.js放入dist文件夹？仅将其保存到内存并在本地主机上显示。我想在php中使用这个react应用程序，但我无法处理bundle.js。 问题在哪里？为什么网页包没有生成js文件。

---

请帮助我

这是Web包开发服务器的预期行为。如果希望在磁盘上生成输出，则需要运行

webpack

，例如：

"scripts": {
  "start": "webpack-dev-server --history-api-fallback ...",
  "build": "webpack"
}

然后运行

npm build

。对于生产，还应设置

节点_ENV=production

，例如使用：

---

您的网页包配置输出文件出现问题

首先在webpack.config.js中导入

const path=require（'path'）

，然后更改

output

字段，如下所示：

output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/',
    filename: 'bundle.js'
}

并将以下脚本添加到

script

字段中的package.json中

“构建”：“webpack-p--进度”

---

运行

npm运行build

这是因为您正在运行webpack dev server。运行网页包。在脚本中，将“webpack dev server--history api fallback--progress--colors--config./webpack.config.js”添加为第二行。用

，

将两者分开，我应该在脚本中确切地写些什么？没有任何错误消息。我只得到了这个版本：webpack 3.10.0时间：3784ms资产大小Chunks Chunk name./dist/bundle.js 1.49mb0[emissed][big]main[38]（webpack）/buildin/global.js 509字节{0}[builded][44]multi./src/index.jsx 28字节{0}[builded][45]./src/index.jsx 604字节{0}[builded]+122隐藏的模块和输出的

/dist/bundle.js

文件？您的配置对于输出设置不正确-请参阅中的示例。i、 它声明“output.path”必须是一个绝对路径，我会试试这个。将constpath语句放在webpack配置文件的顶部，然后像yue所说的那样更改输出。看看会发生什么。很高兴我能帮助它为我工作，因为它正在生成一个包，但现在它没有监视文件，也没有打开端口

localhost:8080

监视文件与此配置无关。它与

"scripts": {
  "start": "webpack-dev-server --history-api-fallback ...",
  "build": "webpack"
}

"build": "cross-env NODE_ENV=production webpack"

output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/',
    filename: 'bundle.js'
}