Webpack - 没有生成输出文件？

Question

我有以下 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"
 },

如何生成物理文件。

Answer 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将文件写入磁盘。