NodeJS 我是否需要在每次进行更改时运行“npm run build”?

9njqaruj  于 2022-11-22  发布在  Node.js
关注(0)|答案(4)|浏览(281)

首先,我对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)。但是连接这两个文件可以吗?有没有办法自动适应我在入口文件中所做的更改?

q1qsirdb

q1qsirdb1#

最后,我找到了我的解决方案。当你想在每次文件更改时重新运行“npm run build”时,你需要通过npm安装watch。它会检查目录中的所有文件,当你更改某个内容或保存时,它会重新运行package.json中的所有脚本。因此,步骤-
1.通过“npm安装手表”安装手表
1.安装手表时,增加“手表”:“监视'npm run build' ./您要跟踪目录”
1.运行“npm运行监视”

bn31dyow

bn31dyow2#

使用此命令:

tsc src/index.ts --watch --outDir ./lib

参考:https://www.youtube.com/watch?v=F6aHIh5NglQ

0s0u357o

0s0u357o3#

是的,有一个方法可以解决这个问题。你可以使用webpack的热模块更换功能。它只是在开发模式下运行webpack,并使用正确的配置,你应该在webpack的官方文档中找到。

nhhxz33t

nhhxz33t4#

如果您使用的是Vite Laravel插件,请打开package.json安装watch

npm install watch

并在脚本上将其更改为

"build": "vite build --watch"

当您进行更改时,它应该会自动更新

相关问题