如何在webpack中使用外部？

Question

externals: { 
     'react-redux': 'ReactRedux', 
     'react-dom': 'ReactDOM', 
     'react': 'React', 
     'jquery': 'jQuery', 
     'redux': 'Redux' 
    } 

Answer 1

從Webpack Docs：

externals允許你指定你的庫不由的WebPack解析的依賴，但成爲輸出的依賴關係。這意味着它們在運行時從環境中導入。

而且從那裏推薦配置的例子：

{ 
    output: { 
     // export itself to a global var 
     libraryTarget: "var", 
     // name of the global var: "Foo" 
     library: "Foo" 
    }, 
    externals: { 
     // require("jquery") is external and available 
     // on the global var jQuery 
     "jquery": "jQuery" 
    } 
} 

Answer 2

我已經在我的開源組件react-lazy使用該

externals: [{ 
    'react': { 
    root: 'React', 
    commonjs2: 'react', 
    commonjs: 'react', 
    amd: 'react' 
    } 
}, { 
    'react-dom': { 
    root: 'ReactDOM', 
    commonjs2: 'react-dom', 
    commonjs: 'react-dom', 
    amd: 'react-dom' 
    } 
}] 

，看看回購爲全面的WebPack配置文件。