Webpack，軟件包加載器和公共塊插件問題

我有一個頁面A.js和一個頁面B.js，並且它有基類base.js。我import base.js每個A和B，並用它作爲extend A類和BWebpack，軟件包加載器和公共塊插件問題

我的路由器通過require('bundle!pages' + url + '.js'); 加載這些網頁我想有base.js作爲一個common.js的一部分。我添加了常見塊插件到webpack new webpack.optimize.CommonsChunkPlugin({ children: true, name: 'common', filename: 'common.js', minChunks: 2, }) 但作爲輸出，我仍然在類a.js和b.js中複製base.js。 bundle loader和common chunk插件有問題嗎？

a.js

import Base from '../base'; 

class A extends Base { 
    constructor() { 
     super(); 
    } 

    create() {} 
} 

export default A;

b.js

import Base from '../base'; 

class B extends Base { 
    constructor() { 
     super(); 
    } 

    create() {} 
} 

export default B;

base.js

class Base { 
    constructor() {} 
} 

export default Base;

router.js

let loader = require('bundle!pages' + url + '.js'); 
loader((module) => callback(module.default));

來源

2016-11-20 Ju-v

相同問題在這裏，任何解決方案 –

Ť RY這樣的：在webpack.config.js增加出口對象該屬性

externals: { 'base': 'Base' }

，包括這在你的HTML頭

我覺得這個功能是從的WebPack 2

來源

2016-12-14 02:35:54 JulianIsrael

Webpack，軟件包加載器和公共塊插件問題

回答

相關問題