Question

我有以下dev-server配置

devServer: {
    port: 3000,
    host: '0.0.0.0',
    watchOptions: {
        aggregateTimeout: 300,
        poll: 1000,
    },
    compress: true,
    inline: true,
    contentBase: BUILD_PATH,
    historyApiFallback: true,
}

哪里

BUILD_PATH = path.resolve(__dirname, '../build/webapp')

问题是当dev-server启动时../build/webapp文件夹为空。结果应用程序加载正常（index.html，bundle.js）但无法加载应该位于assets子文件夹中的任何字体或其他资源。

如果我只运行webpack - 一切都出现在该文件夹中。在webpack之后，我可以启动开发服务器，一切都很好。

开发服务器日志：

    Project is running at http://0.0.0.0:3000/
    webpack output is served from /
    Content not from webpack is served from D:\Development\Projects\myproject\build\webapp
    404s will fallback to /index.html 
10% building modules 5/8 modules 3 active
     ...oject\webapp\node_modules\url\url.js(node:5560) 
 63% building modules 746/839 modules 93 active ...node_modules\lodash-es\_freeGlob
    al.js

有什么想法吗？

Answer 1

webpack devserver模式构建并处理内存中的结果，不会保存到磁盘。它在构建模式下（不是在devserver模式下）将它们保存到磁盘。

典型的解决方案是在监视模式下与devserver并行运行webpack：

webpack -w

还有一些人使用了write-file-webpack-plugin devserver：

Webpack dev服务器在启动之前不会构建应用程序

1 个答案: