使用laravel mix設置外部庫

Question

我需要在帶有laravel-mix的網絡包上使用外部庫。在網絡包作爲webpack docs

{ 
    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" 
    } 
} 

描述，但我可以用laravel搭配做我應該做這樣的事情？

Answer 1

在您webpack.mix.js文件

略低於

let mix = require('laravel-mix'); 

添加以下代碼

mix.webpackConfig({ 
    externals: { 
     "jquery": "jQuery" 
    } 
}); 

添加任何其他外部要求。例如，我決定來加載外部反應，ReactDOM所以我的配置是

mix.webpackConfig({ 
    externals: { 
     "react": "React", 
     "react-dom": "ReactDOM" 
    } 
}); 

請注意，您可以覆蓋裏面就像我們externals這裏

mix.webpackConfig參數對象中的任何的WebPack默認配置