Question

我刚刚通过运行创建了一个React应用程序：

create-react-app foo

使用以下命令创建了一个package.json文件：

{
  "name": "foo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-scripts": "2.1.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

npm start和npm run build均按预期运行，但是此应用程序是Django应用程序的前端，因此，为了更好地进行模拟生产，我不想为该应用程序提供服务node.js。我想要做的是持续构建资产，html，js等，并让Django像其他任何HTML / JS / CSS一样为它们提供服务。我记得几年前我上一次使用Webpack进行此操作。

如何在此React应用程序的上下文中进行操作？简而言之，如何使npm run build在文件更改时连续运行并生成开发资产。

Answer 1

您可以将watch软件包安装为dev-dependency，并在package.json中添加脚本来监视src文件夹中的更改并运行npm run build：

npm install --save-dev watch

// package.json
"scripts": {
  "watch": "watch 'npm run build' src/"
}

然后，在工作时，继续打开以下标签：

npm run watch

但是，考虑到构建可能是一个漫长的过程。这取决于您的应用程序的大小。

持续构建用于开发的React应用程序的开发版本

1 个答案: