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

我正在使用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>
);

关闭按钮使用& times但实际渲染时我看到了

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

如果我删除webpack.optimize.UglifyJsPlugin(),它会像人们期望的那样呈现.有谁知道如何解决这一问题？

在HTML中指定charset将保留正确的字符.

尝试添加< Meta charset =“UTF-8”/> (或任何字符集)到html文件的元标记.