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 上运行ning，您可以通过转到 URL http://localhost:3000/webpack-dev-server. 查看文件。这些文件仍将从内存中提供，但您将能够通过这个URL看到他们。
选项 3： 参见 this plugin。它将强制 webpack-dev-server 将文件写入磁盘。

Answer 2

webpack-dev-server支持将输出写入磁盘，使用devMiddleware选项下的writeToDisk选项

参考文献：

Webpack - 没有生成输出文件？

Webpack - no output file generated?

webpack-dev-server

webpack-2