时间戳

首页 > 解决方案 > 每次进行更改时都需要运行“npm run build”吗？

javascript - 每次进行更改时都需要运行“npm run build”吗？

问题描述

首先，我对 NPM 的东西真的很陌生。但我确实知道 React 和 PHP。所以我想自己创建一个 CMS 系统，使用 PHP 作为后端，React 作为前端，在 Babel 和 React 的 CDN 的帮助下（以及 ofc axios 进行数据请求和发送）。但是，我确实想通过实际网站使用 webpack 以更合适的方式。因此，我按照本文中的教程进行操作。他解释得很特别。但是，他使用 HTML，而在我的情况下，我有一个 PHP。因此，由于我并不完全清楚自己在做什么。我已将 HTMLWebPlugin 重定向到 webpack.config.js 中的 PHP 文件。

plugins: [
new HtmlWebPackPlugin({
  template: "./../index.php",
  filename: "./index.php"
})

但是，当我更改代码并刷新它时，除非我下次运行“npm run build”，否则网页将无法适应更改。我确实知道我正在从构建的应用程序中运行它。这是因为当网页呈现输出文件 (dist/main.js) 时，我宁愿对入口文件 (index.js) 进行更改。但是可以将这两者连接起来吗？有没有办法自动适应我在入口文件中所做的更改？

标签： javascriptnode.jsreactjs

解决方案

所以最后，我找到了我的解决方案。当您想在每次文件更改时重新运行“npm run build”时。你需要通过 npm 安装 watch。它检查目录中的所有文件，当您更改某些内容或保存时，它将重新运行 package.json 中的所有脚本。所以步骤 -

  1. 通过“npm install watch”安装手表
  2. 安装 watch 后，添加 "watch": "watch 'npm run build' ./directory-you-want-to-track"
  3. 运行“npm 运行手表”

推荐阅读