排除Laravel Mix和Webpack中的文件夹和文件

Question

如何使用Laravel Mix和Webpack排除要上传到S3的特定文件夹和文件？

我尝试过这个解决方案https://laracasts.com/discuss/channels/laravel/laravel-mix-upload-files-to-s3和https://medium.com/@avomanch/cache-busting-using-laravel-mix-and-cloudfront-s3-eb222b569f88，但它没有做我想做的事。

const mix = require('laravel-mix');
const S3Plugin = require('webpack-s3-plugin');
require('dotenv').config();
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
let webpackPlugins = [];
if (mix.inProduction()) {
webpackPlugins = [
new S3Plugin({
include: /.*.(css|js|ico|jpg|png)$/,
s3Options: {
accessKeyId: process.env.AWS_ACCESS_KEY_ID,
secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
region: process.env.AWS_DEFAULT_REGION,
// endpoint: process.env.AWS_ENDPOINT,
},
s3UploadOptions: {
Bucket: process.env.AWS_BUCKET,
CacheControl: 'public, max-age=31536000'
},
directory: 'public',
})
];
}
mix.js('resources/js/alpine.js', 'public/js')
.js('resources/js/choices.js', 'public/js')
.js('resources/js/clipboard.js', 'public/js')
.js('resources/js/notyf.js', 'public/js');
mix.postCss('resources/css/app.css', 'public/css', [
require("tailwindcss"),
]);
mix.disableSuccessNotifications();
mix.webpackConfig({
plugins: webpackPlugins
});
mix.version();

当我运行这段代码时，它会上传所有带有css、js、ico、jpg和png文件的内容和文件夹。但是，我想排除特定的文件夹，不管它是否包含(css、js、ico、jpg和png(文件。

公用目录中的示例文件夹

• 化身(无论里面的文件类型如何，都需要排除(
• css
• 图像
• js
• index.php(已排除(
• favicon.ico

Answer 1

我认为可以使用CopyWebpackPlugin将文件从构建/静态目录移动到编译的目的地。您不需要将文件放在源目录中，而是放在您复制的文件夹中：

https://laravel-mix.com/docs/4.0/copying-files