Laravel mix，如何为前端和管理部分设置不同的 css 和 js？

Question

我想将 css 和 js 的管理部分和用户部分放在单独的文件中。最好的方法是什么？我设置：`

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

` 但是我的资源文件夹结构应该如何才能防止所有内容重复？有任何指南如何最小化、分离或重组我的文件以获得更好的性能可读性吗？如何设置 laravel mix 来构建 2 个 js 和 2 个 css 以供不同用途。

Answer 1

这是我使用minimist所做的事情。这适用于 Laravel v8 和 Laravel Mix v5。

\n

文件结构

\n

resources\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 js\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.js\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 admin.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 sass\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.scss\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 admin.scss\n

\n

安装包

\n

resources\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 js\n\xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.js\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 admin.js\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 sass\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 app.scss\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 admin.scss\n

\n

webpack.mix.js

\n

# NPM\n% npm install minimist --save-dev\n\n# YARN\n% yarn add minimist --dev\n\n

\n

运行脚本

\n

# NPM\n% npm run watch --user\n% npm run watch --admin\n\n# YARN\n% yarn watch --user\n% yarn watch --admin\n

\n

您可以将watch脚本替换为dev或prod。

\n

注意：Laravel Mix 仍然会继续监视下的所有文件resources，每当目录下的任何文件发生更改时都会执行编译。

\n