Laravel-MIX：合并/合并后删除未使用的文件

Question

我是Laravel-mix和的新手webpack。经过一些练习，我能够将 css 和 js 文件分别组合成一个文件。但是，合并后其他文件仍然存在，这些文件对应用程序没有用处。例如：resources|-- scss  |-- font-awesome.scss  |-- template.scsspublic|-- css  |-- font-awesome.css  |-- template.css合并后：public|-- css  |-- font-awesome.css  |-- template.css  |-- combined.min.css (font-awesome.css + template.css = combined.min.css)网页包mix    .sass('resources/sass/font-awesome.scss', 'public/css/font-awesome.css')    .sass('resources/sass/template.scss', 'public/css/template.css');// combining css filesmix.combine([    'public/css/font-awesome.css',    'public/css/template.css'], 'public/css/combined.min.css');当font-awesome.css&template.css文件合并为combined.min.css时，不再需要它们，javascript文件也是如此。如何删除这些无用的文件，这可能..？

Answer 1

这是我找到解决方案的链接https://stackoverflow.com/questions/53779090/delete-temp-files-in-laravel-mix

webpack.mix.js：

...

const del = require('del');

const env = process.env.NODE_ENV || 'dev';

mix

    .sass('resources/sass/font-awesome.scss', 'public/css/font-awesome.css')

    .sass('resources/sass/template.scss', 'public/css/template.css');

// combining css files

mix.combine([

    'public/css/font-awesome.css',

    'public/css/template.css'

], 'public/css/combined.min.css').then(() => {

    if (env === 'production') {

        del('public/css/font-awesome.css');

        del('public/css/template.css');

    }

});