Javascript 让CSS加载器输出ES模块？

据我所知，CSS加载器输出CommonJS，这不适用于Webpack的一些优化功能。有没有办法让CSS加载器输出ES模块（

import

/

export

）

编辑：

以下是ES模块发生的情况：

main.js

import { FOO } from './module';
console.log(FOO);

import { foo } from './styles.scss';
console.log(foo);

输出

var FOO = 'foo';
console.log(FOO);

38: (function(module, exports, __webpack_require__) {
    module.exports = {"foo":"a"};
}),
...
var styles = __webpack_require__(38);
console.log(test["foo"]);

使用CSS加载器：

main.js

import { FOO } from './module';
console.log(FOO);

import { foo } from './styles.scss';
console.log(foo);

输出

var FOO = 'foo';
console.log(FOO);

38: (function(module, exports, __webpack_require__) {
    module.exports = {"foo":"a"};
}),
...
var styles = __webpack_require__(38);
console.log(test["foo"]);

请尝试使用以下方法：

$npm安装-D postss加载程序

然后在webpack.config.js中：

module.exports={
模块：{
规则：[
{
测试：/\.css$/,，
使用：[
“样式加载器”，
{loader:'css loader'，选项：{importLoaders:1}，
“邮政编码加载器”
]
}
]
}
}

您是否可以更新您实际使用的网页包和css加载程序的版本？哪个版本支持它们？我正在使用css loader 3.0.0和webpack 4.35.0，根据他们在中的更新，它已经得到了支持。将css加载程序与

https://github.com/postcss/postcss-loader

将帮助您获得所需的输出。如果您没有收到，请出示密码好吗？@LeoJiang，+1谢谢您的提问！我不知道如何帮助你，但是我已经有了很多关于CSS加载器的有趣的学习，我已经有了postcss加载器，我添加了我看到的输出