Question

在js中导入CSS文件是特定于Webpack的。如果我使用gulp+browserify，则需要browserify-css。对于编写直接取决于具有browserify-css或webpack的源代码，我感到不舒服（尤其是我不是在编写React / Vue应用，而只是在编写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'文件用作入口点（imho应该甚至失败），因此每个CSS条目都会为“ handle”提供一个虚拟捆绑包那。在入口点内要求/导入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'
},

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

1 个答案: