javascript - npm 仅在 index.js 中进行更改时更新
问题描述
我刚刚开始学习 React,我正在使用命令 npm start 运行服务器,但问题是每当我对 index.js 文件进行任何更改时,它都会在网站上更新它,但每当我导入其他一些应用程序并制作这些应用程序的更改不会更新网站。
如何在更新项目中的任何文件时更新我的网站?
这是我的 header.js 文件
import React from 'react';
const user = {
name : 'Brijesh',
lastname : 'Maurya',
age : 20
}
const Header = () =>{
return (
<div>
<div>{user.name}</div>
</div>)
}
export default Header;
这是 index.js 文件
import React from 'react';
import ReactDOM from 'react-dom';
// Components
import Header from './components/header'
const App = () =>{
return (
<div>
<Header/>
</div>
)
}
ReactDOM.render(<App/>, document.querySelector('#root'));
解决方案
听起来好像 npm start 正在运行的任何服务器(可能是节点服务器)都配置了热模块更换,而您正在运行的其他应用程序没有配置 HMR。
您可以在此处了解有关如何在 Webpack 网站上配置 HMR 的更多信息: https ://webpack.js.org/concepts/hot-module-replacement/
关于这里的 React Hot Loader: https ://gaearon.github.io/react-hot-loader/getstarted/
如果 npm start 运行 wepack-dev-server 它可能就像运行带有 --hot 标志的服务器一样简单。