使用 laravel mix 设置外部库

Question

我需要在带有 laravel-mix 的 web pack 上使用外部库。在 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 来做到这一点？

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 此处所做的那样

使用 laravel mix 设置外部库

Setup external libraries with laravel mix

webpack

laravel-5

laravel-mix