Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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
Webpack 静态网页网页热加载程序不工作_Webpack_Webpack Dev Server_Webpack Html Loader - Fatal编程技术网

Webpack 静态网页网页热加载程序不工作

Webpack 静态网页网页热加载程序不工作,webpack,webpack-dev-server,webpack-html-loader,Webpack,Webpack Dev Server,Webpack Html Loader,以下是我刚刚创建的回购协议,旨在解决此问题: 首先:文件结构。有两个重要的文件夹,你应该知道了解我的例子,以防它甚至不是惯例。默认情况下,/src文件夹是所有原始内容的存放处,/dist文件夹是打包网站的存放处。从那里,它就可以部署到任何服务器上。我不确定开发是否需要这个目录,但我希望你需要 我正在尝试为生产和开发设置两个网页包脚本。 制作工作正常:脚本运行正常,页面被放入/dist 在开发中,我想使用webkit hotloader在我做了一些更改后立即将更改应用到页面。它确实运行并且输出看起

以下是我刚刚创建的回购协议,旨在解决此问题:

首先:文件结构。有两个重要的文件夹,你应该知道了解我的例子,以防它甚至不是惯例。默认情况下,
/src
文件夹是所有原始内容的存放处,
/dist
文件夹是打包网站的存放处。从那里,它就可以部署到任何服务器上。我不确定开发是否需要这个目录,但我希望你需要

我正在尝试为生产和开发设置两个网页包脚本。 制作工作正常:脚本运行正常,页面被放入
/dist

在开发中,我想使用webkit hotloader在我做了一些更改后立即将更改应用到页面。它确实运行并且输出看起来很好,但是当它进入页面时,它会阻塞
[WDS]应用程序热更新…
,并且不会更新内容。即使在刷新页面后,内容仍然是旧的。唯一有帮助的是运行生产脚本

要运行开发脚本,请使用
warn start
npm run start
。对于新的
/dist
目录,您可以使用生产脚本
纱线构建
npm运行构建


请帮助我修复webback开发服务器,以便我能够高效地开发。:)非常感谢

您应该使用
webpack
中的
HotModuleReplacementPlugin

plugins: [
    new webpack.HotModuleReplacementPlugin()
]

我可以通过做以下事情来实现这一点

  • 从网页包入口点中删除
    main.js
    main.less
    ,并且只有
    index.html
  • 添加
    HotModuleReplacementPlugin
  • 删除
    资产
    文件夹并将所有文件放在一个文件夹中

  • 没有任何改变,因为--hot和--inline被添加到了我的repo作为参考,我也做了同样的事情,它为我工作。我只是用
    网页开发服务器启动了开发服务器
    --hot
    --inline
    ,因为这些都已经在网页配置中配置好了。我的react应用程序也可以工作,但不是我的静态网页。我将尝试进行一次短暂的等待。这应该怎么工作?less和js不会出现在路径中我尝试直接在“link:href”中添加less文件并将其添加到html加载程序中,但由于任何原因,它无法处理它们并引发类似undefined这样的错误。toString()不是
    main.js
    main.less
    index.html
    中添加了属性:['img:src'、'link:href'、'script:src']到html加载程序配置和设置,js也是如此..但我最终遇到了这个错误