Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/objective-c/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用webpack开发服务器时,通过HtmlWebpackPlugin将模板写入磁盘_Javascript_Reactjs_Webpack - Fatal编程技术网

Javascript 使用webpack开发服务器时,通过HtmlWebpackPlugin将模板写入磁盘

Javascript 使用webpack开发服务器时,通过HtmlWebpackPlugin将模板写入磁盘,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,在我的项目中,我使用webpack dev server热加载我的应用程序,我也使用html webpack plugin自动将捆绑javascript文件插入模板文件,但当我使用webpack dev server时,注入捆绑包后的模板文件不会写入磁盘,它会留在记忆中 我需要html网页包插件首先将捆绑文件插入模板html,然后将模板写入dist目录。那么如何配置它呢 我使用webpack开发中间件: app.use(middleware(compiler,{

在我的项目中,我使用
webpack dev server
热加载我的应用程序,我也使用
html webpack plugin
自动将捆绑javascript文件插入模板文件,但当我使用
webpack dev server
时,注入捆绑包后的模板文件不会写入磁盘,它会留在记忆中

我需要
html网页包插件
首先将捆绑文件插入模板html,然后将模板写入
dist
目录。那么如何配置它呢

我使用
webpack开发中间件

app.use(middleware(compiler,{
                    publicPath: config.output.publicPath,
                    hot: true,
                    writeToDisk: true
                }));

我以为
writeToDisk
可以做到这一点,但它不能做到。

webpack dev server
不将捆绑文件写入磁盘,它只从内存中读取

要将捆绑的文件写入磁盘,您必须手动使用
包.json的
npm脚本中的
webpack--watch
,这样您的
启动脚本就可以如下所示

"scripts": {
  "start": "webpack --watch && webpack-dev-server --progress --colors",
}

我可以看看你启动应用程序的npm脚本吗?@fortunekeroo我使用
webpack-dev-middleware
,我已经编辑了问题以添加我的代码。