使用laravel mix设置外部库

Question

我需要在web包上使用外部库和laravel-mix.在网络包上我应该按照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"
    }
}

但我可以用laravel mix来做到这一点吗？

Answer 1

在你的webpack.mix.js档案上

略低于

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

添加以下代码

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

根据需要添加任何其他外部.例如,我决定加载外部React和ReactDOM,所以我的配置是

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

请注意,您可以mix.webpackConfig像在externals此处一样覆盖参数对象中的任何webpack默认配置