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附加到您运行服务器的网址。因此，如果您的服务器在localhost:3000上运行，您可以通过转到URL http://localhost:3000/webpack-dev-server.来查看文件。文件仍将从内存中提供，但您可以通过此URL查看它们。
选项3：请参阅 this plugin 。它将强制webpack-dev-server将文件写入磁盘。

Webpack - 没有生成输出文件？

1 个答案: