我们遇到了一个日益严重的问题,即对于角度5(webpack 3.11.0),webpack投入生产的时间越来越长(现在最多40m,这已经可以接受了)。
我想安排一些正在进行的事情,但是我可以在网上找到的工具不能与angular 5一起使用,或者不能处理生成的统计文件的大小。
我的webpack.config
class SelfDestructDemo extends React.Component {
constructor(props) {
super(props);
this.state = {
x: 0,
y: 0,
isShown: false,
shouldHide: false
};
this.handleClick = this.handleClick.bind(this);
this.reset = this.reset.bind(this);
}
reset() {
this.setState({
x: 0,
y: 0,
isShown: false,
shouldHide: false
});
}
handleClick(event) {
if (this.state.isShown) {
return;
}
const { clientX, clientY } = event;
this.setState({
x: clientX,
y: clientY,
isShown: true,
shouldHide: false
});
setTimeout(() => {
this.setState({ shouldHide: true });
}, 1000);
}
render() {
const p = this.state.isShown && (
<div
onTransitionEnd={this.reset}
className={`${this.state.shouldHide ? "should-hide" : ""} modal`}
style={{ top: this.state.y, left: this.state.x }}
>
Self destructing....
</div>
);
return (
<div className="container" onClick={this.handleClick}>
{p}
</div>
);
}
}
ReactDOM.render(<SelfDestructDemo />, document.querySelector("#app"));
不幸的是,我对webpack及其工作原理并不了解很多(这是基于承包商随后为我们重新设计然后没有任何注释/文档的模板)。