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的范围并防止css泄漏。

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

可以通过css-loader完成。