webpack安装好了css-loader和style-loader，cmd运行正常但是浏览器没有正确引入样式

Question

为什么我webpack打包成功，cmd不报错，但是css样式却不起左右？浏览器提示Failed to load resource: net::ERR_FILE_NOT_FOUND代码如下：const path=require('path');module.exports={entry:"./src/js/main.js",output:{ path:path.resolve(__dirname,"dist"), filename:"bundle.js"},module:{rules:[    {test:/\.css$/,use:['style-loader','css-loader']}]}}项目结构如下：cmd运行正常浏览器提示如下：这是为什么？

Answer 1

需要commonchunk插件自动引入或者手动改index中js的路径，不过太蠢了

Answer 2

默认需要在 js 里面 require css 文件，会把 css 作为一个 style 标签内联到 html

想把 css 作为单独文件，需要用 commonchunk 的 plugin