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也是如此..但我最终遇到了这个错误