首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用webpack-dev-server时,HtmlWebpackPlugin将模板写入磁盘

使用webpack-dev-server时,HtmlWebpackPlugin将模板写入磁盘
EN

Stack Overflow用户
提问于 2018-03-27 14:02:38
回答 1查看 422关注 0票数 0

在我的项目中,我使用webpack-dev-server热重新加载我的应用程序,我也使用html-webpack-plugin将javascript文件自动插入到模板文件中,但是当我使用webpack-dev-server时,注入包后的模板文件不会被写入磁盘,而是在内存中。

我需要html-webpack-plugin首先将包文件插入模板html,然后将模板写入dist目录。那么如何配置它呢?

我使用webpack-dev-middleware

代码语言:javascript
复制
app.use(middleware(compiler,{
                    publicPath: config.output.publicPath,
                    hot: true,
                    writeToDisk: true
                }));

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-27 14:19:14

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

要将捆绑的文件写入磁盘,您必须在webpack --watchnpm scripts of package.json中手动使用package.json,这样您的start script看起来就像下面这样

代码语言:javascript
复制
"scripts": {
  "start": "webpack --watch && webpack-dev-server --progress --colors",
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49515012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档