首先,我对NPM的东西真的很陌生。但是我知道React和PHP。所以我想我自己创建一个CMS系统,使用PHP作为后端,React作为前端,在Babel和React的CDN的帮助下(和ofc axios进行数据请求和发送)。然而,我确实想进入更适当的方式与webpack与实际的网站。所以,我已经沿着教程从this article .他解释了相当不寻常.然而,他使用HTML,而在我的情况下,我有一个PHP.所以,因为我不完全知道我在做什么.我已经重定向HTMLWebPlugin到我的PHP文件在webpack.config.js.
plugins: [
new HtmlWebPackPlugin({
template: "./../index.php",
filename: "./index.php"
})
但是,当我更改代码并刷新它时,除非我下次运行“npm run build”,否则网页将无法适应更改。我知道我是从已构建的应用程序运行它的。这是因为我更愿意在条目文件上进行更改(index.js)当网页呈现输出文件时(dist/main.js)。但是连接这两个文件可以吗?有没有办法自动适应我在入口文件中所做的更改?
4条答案
按热度按时间q1qsirdb1#
最后,我找到了我的解决方案。当你想在每次文件更改时重新运行“npm run build”时,你需要通过npm安装watch。它会检查目录中的所有文件,当你更改某个内容或保存时,它会重新运行package.json中的所有脚本。因此,步骤-
1.通过“npm安装手表”安装手表
1.安装手表时,增加“手表”:“监视'npm run build' ./您要跟踪目录”
1.运行“npm运行监视”
bn31dyow2#
使用此命令:
参考:https://www.youtube.com/watch?v=F6aHIh5NglQ
0s0u357o3#
是的,有一个方法可以解决这个问题。你可以使用webpack的热模块更换功能。它只是在开发模式下运行webpack,并使用正确的配置,你应该在webpack的官方文档中找到。
nhhxz33t4#
如果您使用的是Vite Laravel插件,请打开package.json安装watch
并在脚本上将其更改为
当您进行更改时,它应该会自动更新