模块热替换功能会在应用程序运行过程中,替换、添加或删除模块,无需重新加载整个页面。

    1. //模块热替换,实时修改js,css,不需要刷新页面
    2. hot:true,
    3. //热加载,修改完代码后自动加载刷新页面
    4. liveReload:true,
    1. // css热替换
    2. import './style.css'
    3. const button = document.createElement('div')
    4. button.textContent = '添加'
    5. button.addEventListener('click',()=>{
    6. const div = document.createElement('div')
    7. div.classList.add('square')
    8. document.body.appendChild(div)
    9. })
    10. document.body.appendChild(button)
    11. // js热替换
    12. if (module.hot){
    13. module.hot.accept('./input.js',()=>{
    14. })
    15. }