webpackを使用して反応する×はminificationでÃ--となります

Question

私はリアクションコードを小さくするためにwebpack.optimize.UglifyJsPlugin（）を使用しています。

これは、それが一つとしてレンダリング）私の機能

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> 
); 

閉じるボタンが&回を使用していますが、それは実際に私がwebpack.optimize.UglifyJsPluginを（削除した場合、私は

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

を参照してくださいレンダリング時にレンダリングされます期待するだろう。誰もがこれを修正する方法を知っていますか？

Answer 1

HTMLで文字セットを指定すると、正しい文字が保持されます。

htmlファイルのメタタグに<meta charset="UTF-8"/>（または任意の文字セット）を追加してみてください。

Answer 2

私はちょうどangular-cli（V2.4.6）を使用して同じ問題がありました。この場合、問題は本番モードでのみ発生します。

Angular-Cliはwebpackを内部的に使用しますが、プロダクションモードと開発モードでどちらのオプションが使用されるかについてのアクセス権はありません。

<meta charset="UTF-8"/> も私のために働いた。