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

Question

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

我发现了一些与此相关的问答，例如import CSS and JS files using Webpack 和 Can I build sass/less/css in webpack without requiring them in my JS?

他们建议多入口点配置（如果我理解正确的话），即创建一个只有 import css 的虚拟 js 文件，并在 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 extract text plugin outputting .js and .css file for styles entry 和Can I use webpack to generate CSS and JS separately? 在这里得到了回答。

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

我不再需要在index.js 中导入css了！

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