网页包配置条目中的CSS与导入JavaScript文件

网页包配置条目中的CSS与导入JavaScript文件,javascript,css,webpack,webpack-4,Javascript,Css,Webpack,Webpack 4,我见过很多人在他们的main.js文件中导入他们的main.css文件,但我觉得这不对。为什么我希望我的JavaScript知道或关心CSS?将其包含在网页包配置条目中有什么问题 像这样: module.exports = { ... entry: { main: ['src/main.js', 'src/main.css'] }, ... }; 一个很好的用例是使用,以确定css的范围并防止其泄漏 无论何时在js文件中导入css,都会得到选择器与生成的唯一选择器之

我见过很多人在他们的
main.js
文件中导入他们的
main.css
文件,但我觉得这不对。为什么我希望我的JavaScript知道或关心CSS?将其包含在网页包配置条目中有什么问题

像这样:

module.exports = {
  ...

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

  ...
};

一个很好的用例是使用,以确定css的范围并防止其泄漏

无论何时在
js
文件中导入
css
,都会得到选择器与生成的唯一选择器之间的映射对象


这可以通过使用来完成。

那么,只是当CSS在JavaScript导入之外时,某些网页包加载程序/插件无法工作吗?您可以说:]那么,将CSS文件放在条目中是错误的吗?或者只是它可能是错误的?是否有任何文档说明了这一点?它没有任何问题,即使您不需要css模块功能,也可能是您确实希望应用autoprefixer或其他css操作。