Webpack 配置信息

未匹配的标注

快速配置 webpack

mix.webpackConfig({} || cb);

当然,您可以自己手动配置 webpack.config.js 文件,在部分设置中,可以直接从 webpack.mix.js 文件中修改或覆盖默认设置。对于 Laravel 框架也是如此,默认情况下,webpack.config.js 在项目根目录中是不会生效的。

一个简单的例子,您可能希望添加模块到 webpack 的自动加载的自定义模块中。 在这种情况下,您有两个解决方案:

  1. 根据你的需求编辑 webpack.config.js 文件。
  2. 在  webpack.mix.js 文件中调用 mix.webpackConfig() 文件并覆盖其默认值。 Mix 将会进行深度合并。

下面,举个例子,我们将为 Laravel Spark 添加自定义模块路径。

mix.webpackConfig({
    resolve: {
        modules: [
            'node_modules',
            path.resolve(__dirname, 'vendor/laravel/spark/resources/assets/js')
        ]
    }
});

使用回调函数

您可以在使用回调函数时访问 webpack 及其所有属性。

mix.webpackConfig(webpack => {
    return {
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery'
            })
        ]
    };
});

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/laravel-mix/4.0...

译文地址:https://learnku.com/docs/laravel-mix/4.0...

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
贡献者:2
讨论数量: 0
发起讨论 只看当前版本


暂无话题~