Блог

Я установил следующий рабочий процесс компиляции Webpack:

 module: {
        rules: [
            {
                test: /.scss$/,
                exclude: [
                    /.*.DS_Store/,
                ],
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].css',
                        }
                    },
                    {
                        loader: 'extract-loader'
                    },
                    {
                        loader: 'css-loader',
                        options: {
                            url: false
                        }
                    },
                    {
                        loader: 'postcss-loader',
                        options: {
                            postcssOptions: {
                                config: path.resolve(__dirname, "postcss.config.js"),
                            }
                        },
                    },
                    {
                        loader: 'sass-loader',
                        options: {
                            sassOptions: {
                                outputStyle: (process.env.NODE_ENV === 'production') ? `compressed` : 'expanded',
                            },
                            additionalData: `@import 'included/_included.scss';`
                        }
                    }
                ]
            }
        ]
    }
 

Это работает, но когда в .DS_Store папке есть scss/ файл, Webpack выдает следующее сообщение об ошибке:

 ERROR in ../scss/.DS_Store 1:0
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

webpack 5.46.0 compiled with 1 error and 3 warnings in 1609 ms
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! scss-using-nodepack@1.0.0 build:dev: `webpack`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the scss-using-nodepack@1.0.0 build:dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Userfolder/.npm/_logs/2021-07-30T11_05_57_266Z-debug.log
 

Как вы можете видеть, я пытаюсь исключить .DS_Store использование:

                 exclude: [
                    /.*.DS_Store/,
                ],
 

но это не работает.

Спасибо вам за каждый намек.