使用webpack并做出反应和时间; 变得min-缩小

Question

我正在使用webpack.optimize.UglifyJsPlugin()来缩小我的React代码.

这是我的渲染功能

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(),它会像人们期望的那样呈现.有谁知道如何解决这一问题？

Answer 1

在 HTML 中指定字符集将保留正确的字符。

尝试将<meta charset="UTF-8"/>（或任何字符集）添加到 html 文件的元标记中。