Angular 5 Webpack非常慢

时间:2019-05-29 20:34:18

标签: webpack angular5

我们遇到了一个日益严重的问题,即对于角度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及其工作原理并不了解很多(这是基于承包商随后为我们重新设计然后没有任何注释/文档的模板)。

0 个答案:

没有答案