时间戳

首页 > 解决方案 > 从文件夹编译文件到文件夹

webpack - 从文件夹编译文件到文件夹

问题描述

Laravel 的默认应用程序配置 - 混合：

mix.js('resources/js/app.js', 'public/js'); //default

据我了解，如果我使用的是前端框架，我将不得不在文件中使用框架依赖和组件require。然后剩下要做的就是在需要的地方使用编译的。importresource/js/app.jspublic/app.js

这会引起混淆，并非每个页面都使用所有声明的组件。所以模块化似乎是一个合理的选择：

mix.js('resources/js/ComponentA.js', 'public/js'); 
mix.js('resources/js/ComponentB.js', 'public/js'); 
mix.js('resources/js/ComponentC.js', 'public/js'); 
...

所以我只能包含页面所需的组件，从而减少文件大小和冗余。

这可能会令人沮丧，尤其是当有许多定制组件时。我已经尝试使用这个问题中描述的两种解决方案，但都没有奏效。

mix.js('resources/js/*.js', 'public/js'); //this one only compile the first asset

getFiles('resources/js').forEach(function (filepath) {
    mix.js('public/js/' + filepath, 'js');
}); //The code generator has deoptimised the styling as it exceeds the max of 500KB

所以问题是：有没有办法自动将文件从一个文件夹编译到另一个文件夹？

标签： webpackbabeljslaravel-mix

解决方案

推荐阅读