Использование webpack и реагирования × становится Ã- с мини-кодом

Я использую webpack.optimize.UglifyJsPlugin(), чтобы минимизировать мой код React.Использование webpack и реагирования × становится Ã- с мини-кодом

Это моя функция визуализации

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

Кнопка закрытия использует & раз, но когда он на самом деле делает я вижу

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

Если удалить webpack.optimize.UglifyJsPlugin() это делает в качестве одного ожидал бы. Кто-нибудь знает, как это исправить?

источник

2017-01-10 Brett Koenig

Вы можете попробовать: 'новый webpack.optimize.UglifyJsPlugin ({ калечить: { , за исключением: [ '×']} })' – Hosar

Да я попробовал, что и это не сработало. Если я посмотрю на сгенерированный модифицированный код реакции, он по какой-то причине переключает значение юникода для символа времени на другое значение юникода. На данный момент я просто переключился на использование шрифта, удивительного символа закрытия. –

Задание кодировки в HTML сохранит правильный символ.

Попробуйте добавить <meta charset="UTF-8"/> (или любую кодировку) к метатегу в вашем html-файле.

источник

2017-01-31 15:25:11 Eric

-2

У меня была одна и та же проблема с использованием углового cli (V2.4.6). В этом случае проблема возникает только в режиме производства.

Угловой-cli использует webpack внутри, но не предоставляет доступа к каким параметрам используется в режиме производства или в режиме разработки.

Добавление <meta charset="UTF-8"/> также работал для меня.

источник

2017-05-10 13:46:01

Использование webpack и реагирования × становится Ã- с мини-кодом

ответ

Смежные вопросы