使用laravel mix

Question

我需要在带有laravel-mix的web包上使用外部库。在网络包上，我应该按照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 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参数对象中的任何webpack默认配置，就像我们在这里externals一样