javascript - webpack 配置条目中的 CSS 与导入 JavaScript 文件

Question

我见过很多人将他们的 main.css 文件导入到他们的 main.js 文件中，但这对我来说是不对的。为什么我想让我的 JavaScript 知道或关心 CSS？将它包含在 webpack 配置条目中有什么问题？

像这样:

module.exports = {
  ...

  entry: {
    main: ['src/main.js', 'src/main.css']
  },

  ...
};

Answer 1

一个很好的用例是使用 css modules为了确定您的 CSS 范围并防止其泄漏。

每当您在 js 文件中导入 css 时，您将在您的选择器与生成的唯一选择器之间获得一个映射对象。

这可以通过 css-loader 来完成.