Korzystanie z pakietu WWW i reagowanie × staje się Ã ze zminimalizowaniem

Question

Używam webpack.optimize.UglifyJsPlugin() do zmniejszenia mojego kodu odpowiedzi.

To jest mój renderowanie funkcja

return (
    <div id='columnPicker' className='modal fade' tabIndex='-1' role='dialog'> 
     <div className='modal-dialog modal-sm' role='document'> 
      <div className='modal-content'> 
       <div className='modal-header'> 
        <button type='button' className='close' data-dismiss='modal'>&times;</button> 
        <h4 className='modal-title'>Column Picker</h4> 
       </div> 
       <div className='modal-body'> 
        <ul className='list-group'> 
         {listItems} 
        </ul> 
       </div> 
       <div className='modal-footer'> 
        <div className='pull-right'> 
         <button type='button' className='btn btn-sm btn-primary' data-dismiss='modal' onClick={props.onSave}>Save</button> 
        </div> 
        <div className='pull-right'> 
         <button type='button' className='btn btn-link' data-dismiss='modal'>Cancel</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
); 

Bliskie przycisk używa & razy, ale gdy rzeczywiście świadczy widzę

<button type="button" class="close" data-dismiss="modal">×</button> 

Jeśli usunąć webpack.optimize.UglifyJsPlugin() renderuje jako jeden oczekiwałby. Czy ktoś wie, jak to naprawić?

Answer 1

Określenie zestawu znaków w kodzie HTML spowoduje zachowanie prawidłowego znaku.

Spróbuj dodać <meta charset="UTF-8"/> (lub inny zestaw znaków) do metatagu w pliku html.

Answer 2

Właśnie miałem ten sam problem przy użyciu kątowego-cli (V2.4.6). W takim przypadku problem występuje tylko w trybie produkcji.

Angular-cli wykorzystuje wewnętrznie pakiet internetowy, ale nie zapewnia dostępu do opcji wykorzystywanych w trybie produkcyjnym i programistycznym.

Dodanie <meta charset="UTF-8"/> również zadziałało u mnie.