Webpack：导入 CSS

Question

我的 CSS 有问题。 我正在使用这个配置，我想通过import '@fullcalendar/core/main.css';在我的脚本中导入 CSS import '@fullcalendar/core/main.css'; .

我有以下错误：

        Module parse failed: Unexpected character '@' (1:0)
        You may need an appropriate loader to handle this file type.
        @charset "UTF-8";
        | .fc {
        |   direction: ltr;
        @ ./assets/js/admin/admin.js 4:0-37

谢谢你的帮助。

Answer 1

下面的配置对我有用

module: {
        rules: [{
                test: /\.css$/,
                use: [
                    'style-loader',
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: true,
                            sourceMap: true
                        }
                    }
                ]
            }
        ]
    }

然后只需在您的 js 文件中导入类似的内容

import "css/Admin/admin.css";