是否可以让 webpack 捆绑 CSS 而不在我的条目 js 中导入 css？

Question

在 js 中导入 CSS 文件是特定于 webpack 的。如果我使用，gulp+browserify我将需要browserify-css. 我对编写直接依赖于 browserify-css 或 webpack 的源代码感到不舒服（特别是我不是在编写 React/Vue 应用程序，只是在编写 vanilla js）。

我发现了一些与此相关的问答，例如使用 Webpack 导入 CSS 和 JS 文件，我可以在 webpack 中构建 sass/less/css 而无需在我的 JS 中使用它们吗？

他们建议多入口点配置（如果我理解正确的话），即创建一个虚拟的 js 文件，import css并在 webpack.config.js 中为该 js 添加另一个条目，这样真正的条目 js 就不需要了import css

我试过了，但我仍然不喜欢这个解决方案。还有其他解决方案吗？如果有人可以确认没有，我也会很满意。B/C 其他人针对extract-text-webpack-plugin提出了同样的问题，回复说

webpack 本身只理解 'js-ish' 文件，不推荐使用 'css-ish' 文件作为入口点（恕我直言它甚至应该失败），所以每个 css 条目你都会得到一个虚拟包来“处理” . 要求/导入入口点内的 css

Answer 1

我在https://gitter.im/webpack/webpack 上问了同样的问题，但没有回复我几乎放弃了然后我发现它在这里得到了回答 Webpack 提取文本插件输出 .js 和 .css 文件用于样式输入和我可以使用webpack分别生成CSS和JS？这里。

所以像这个webpack一样设置webpack.config.js会输出 index.js & index.css

我不再需要导入 cssindex.js了！

entry:{
  index: [
    './src/js/index.js',
    "./resources/css/index.scss"
  ]
},
output:{
    path: path.resolve(__dirname, './dist'),
    filename: '[name].js'
},