bundle.js nicht akzeptieren jede Änderung

Question

dies ist meine Komponente ich versuche, alle neuen Dinge hinzufügen nicht

import React from 'react' 

export default React.createClass({ 
    render() { 
    return <div> 

    <div className="main"> 
      <img className="today_img" src={this.props.imagedayA}/> 
      <p className="tempdayA">{this.props.tempdayA}<span className="degree">&deg;</span></p> 
      <img className="night_img" src={this.props.imagenightA}/> 
      <p className="tempnightA">{this.props.tempnightA}<span className="degree">&deg;</span></p> 

      <img className="line" src="simplyamman_assets/images/divider.png"/> 
      <img className="linedown" src="simplyamman_assets/images/divider.png"/> 

      <img className="tomday_img" src={this.props.imagedayB}/> 
      <p className="tempdayB">{this.props.tempdayB}<span className="degree">&deg;</span></p> 
      <img className="tomnight_img" src={this.props.imagenightB}/> 
      <p className="tempnightB">{this.props.tempnightB}<span className="degree">&deg;</span></p> 
    </div> 
    </div> 
    } 
}) 

ich versuche, hallo Wort in div hinzuzufügen erscheinen wird, aber es ist nicht hinzugefügt ich das Problem aus Bündel denken. js es dauert eine Änderung in der Komponente, wie kann ich das lösen?

Answer 1

Haben Sie versucht, npm run bundle zu laufen? Änderungen an der Quelle werden erst dann kompiliert, wenn Sie sie mit browserify bündeln.

Answer 2

Auch, wenn Sie Änderungen wollen sofort sehen, während Sie entwickeln, können Sie webpack Entwicklungs-Server laufen:

webpack-dev-server --config <config file location> --hot --inline und es wird Hot-Swap jeder neu kompiliert Code