Webpack - 没有生成输出文件？答案

【问题标题】：Webpack - no output file generated?Webpack - 没有生成输出文件？
【发布时间】：2018-05-24 07:09:42
【问题描述】：

我有以下 webpack 配置：

var path = require('path')
var webpack = require('webpack')


module.exports = {
   entry: {
      main: './scripts/app/main.js'
   },
  output: {
     path: path.resolve(__dirname, './scripts/app/bundle/'),
     publicPath: '/scripts/app/bundle/',
     filename: '[name].js'
  },
  ...

当我运行命令 npm run dev 时，它显示 main.js 已发出

当我浏览到/scripts/app/bundle/main.js 时，果然文件已加载到浏览器中

但是当我查看物理路径时没有文件 - 似乎它只在内存中

这就是我在 package.json 中的内容：

"scripts": {
  "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
  "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 },

如何生成物理文件。

【问题讨论】：

标签： webpack webpack-dev-server webpack-2

【解决方案1】：

webpack-dev-server 不在磁盘上生成文件——只在内存上。但是，您确实有一些选择：

选项 1： 停止开发服务器并运行命令 webpack --watch，这将使用 webpack 构建您的应用程序并将输出生成到磁盘。缺点是你不会有热重载。
选项 2： 将 /webpack-dev-server 附加到运行服务器的 URL。因此，如果您的服务器在 localhost:3000 上运行，您可以通过转到 URL http://localhost:3000/webpack-dev-server. 查看文件。这些文件仍会从内存中提供，但您将能够通过此 URL 查看它们。
选项 3： 请参阅 this plugin。它将强制webpack-dev-server 将文件写入磁盘。

【讨论】：

更新：没有writeToDiskoption