Webpack : Import CSS

Question

我对CSS有问题。我正在使用这个配置，我想通过import '@fullcalendar/core/main.css';在我的脚本中导入 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";