使用 laravel mix 设置外部库

Posted 2023-02-22

【中文标题】使用 laravel mix 设置外部库

【英文标题】：Setup external libraries with 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 做到这一点吗？

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