Question

我有一个包含很多组件的项目。组件扩展了组件。

问题是每个Component扩展都会创建一个包含重复代码的块。

它扩展了组件的代码，如果组件也被扩展，那么chunk也包含代码！

如果我创建前一个组件的其他组件副本，则会出现同样的问题。所以有一个严重的重复代码问题。

我该如何解决？

var Chaplin = require('Chaplin');

var AppComponent2 = require('AppComponent2'); // Extend BaseComponent2 that is extended by BaseComponent

module.exports = AppComponent2.Controller.extend({
    index: function () {
        console.log('hello from AppComponent');
    }
});

Answer 1

'use strict';

var Promise = require('promise');

module.exports = new Promise(function (resolve) {
    require.ensure([], function () {

        resolve({
            Controller: require('./FooterComponent-controller.js')
        });
    },'FooterComponent');
});

Webpack重复代码

1 个答案: