laravel-5 - 使用 laravel mix 设置外部库

Question

我需要在带有 laravel-mix 的 web 包上使用外部库。在 webpack 上，我应该按照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 默认配置