如何从 laravel mix 迁移到纯 Webpack?

2024-01-16

鉴于webpack.mix.js一个新的 Laravel 项目:

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

仅使用 webpack 和 a 相当于什么webpack.config.js? (我希望删除 laravel mix 作为对现有项目的依赖。)

我确实找到了this https://github.com/JeffreyWay/laravel-mix/blob/master/src/builder/webpack-default.js源中的默认文件,但它对我没有帮助。有没有办法让我看到“编译/结果”webpack 配置或与 laravel mix 默认设置相对应的模板/起点?


可以,但是结果不是很理想。

使用以下命令创建 JS 脚本:

console.log (JSON.stringify(
    require('./node_modules/laravel-mix/setup/webpack.config.js'), null, 4)
);

并将其保存在 laravel 项目的根文件夹中。使用 Node 运行它,输出将是 Laravel Mix 接收并输入到 webpack 的配置对象。

但是,该文件非常长并且涵盖大量设置,如果您从头开始创建文件,则不需要这些设置。是的,您可以尝试删除所有您认为可以删除而不会破坏输出的额外设置,但最终最好了解 Webpack 的工作原理,以便您可以编写更好的模式调整配置。至少你可以用它来理解它是如何做某些事情的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从 laravel mix 迁移到纯 Webpack? 的相关文章

随机推荐