0

我设置了以下 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/,
                ],

但它不工作。

谢谢你的每一个提示。

4

0 回答 0