当需要构建多个js文件时, Laravel mix不能正确构建css文件.

Question

以前我的css和js都能从laravel-mix中得到完美的构建。但是只要我再加一个js, css文件就会变成空的.

mix.js('resources/admin/js/app.js', 'public/admin/js')
.js('resources/customer/js/app.js', 'public/customer/js')
.sass('resources/admin/sass/app.scss', 'public/admin/css')
.sass('resources/customer/sass/app.scss', 'public/customer/css')
.webpackConfig({
  optimization: { minimize: true , minimizer: [ new TerserPlugin({parallel:true})] },
     devtool: "inline-source-map"}).version();

用上面的代码生成的css文件是空的(只有一行注释被生成).

在构建过程中删除任何一个js文件，都会得到完整完美的css文件。

Answer 1

把你的代码改成这样

// For admin
mix.js('resources/admin/js/app.js', 'public/admin/js')
.sass('resources/admin/sass/app.scss', 'public/admin/css')
.webpackConfig({
  optimization: { minimize: true , minimizer: [ new TerserPlugin({parallel:true})] },
     devtool: "inline-source-map"}).version();

// For customer
mix.js('resources/customer/js/app.js', 'public/customer/js')
.sass('resources/customer/sass/app.scss', 'public/customer/css')
.webpackConfig({
  optimization: { minimize: true , minimizer: [ new TerserPlugin({parallel:true})] },
     devtool: "inline-source-map"}).version();

对你的sass文件做同样的处理