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
,我已经编辑了问题以添加我的代码。