使用 laravel mix 设置外部库

【问题标题】：Setup external libraries with laravel mix使用 laravel mix 设置外部库
【发布时间】：2017-09-28 23:43:01
【问题描述】：

我需要在 webpack 上使用 laravel-mix 的外部库。在 web pack 上，我应该按照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 做到这一点吗？

【问题讨论】：

标签： laravel-5 webpack laravel-mix

【解决方案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 所做的那样

【讨论】：