javascript 多条目（又名双品牌） - 没有context.add或context.load

Posted 2021-05-04

/**
 * @file src/component.js
 */
import FooView from `./views/${process.env.ENTRY_POINT}/foo.js`;

const fooView = new FooView({ el: '#wrapper' });

fooView.func1(); // outputs "common"
fooView.func2(); // outputs "not common"
fooView.func3(); // outputs "bar"

/**
 * @file src/views/common/foo.js
 */
import '../scss/common/foo.scss';

export default Backbone.View.extend({
  type: 'common',
  func1() {
    console.log('common');
  },
  func2() {
    console.log(this.type);
  },
  func3() {
    console.log('foo');
  },
});

/**
 * @file src/views/entry-1/foo.js
 */
import FooView from './common';
import '../scss/entry-1/foo.scss'; // entry-specific CSS overrides
import template from '../templates/entry-1/foo.hbs'; // entry-specific HTML overrides

export default FooView.extend({
  template, // entry-specific HTML overrides
  
  // entry-specific JS overrides
  type: 'not common',
  func3() {
    console.log('bar');
  },
});