webpack开发多页面时,怎样拆分多个css
打包多个页面的js文件 读取src/views下的目录，约定每一个目录当成一个页面，打包成一个js chunk。
其实有两种方案：第一种是将 css 文件在 js entry 中添加依赖；第二种直接设置 css entry。
打包一个文件，只需要常规的在入口的js文件引用 css文件即可， 打包成多个CSS文件，可以设置多个CSS入口，让webpack用 loader去打包。 和分割单独打包js文件一样。下面有两个例子。
webpack打包的CSS含有两个相同的引入?
引入html-webpack-plugin插件；使用html-webpack-plugin插件，并进行相应配置。
将b.css里面的这个属性删掉。引入文件的时候先引入b.css，后引入a.css（但是这个有一个要求就是对.main设定的样式是相同的。
按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack的vue-loader处理即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。
查找了很多文章都说是加载css顺序不一样导致的，的确如此。往往是在某个组件中，没有用scoped，导致污染了全局的样式。我的项目是因为之前多人开发，不严谨导致，css到处乱引用产生的错误。
如果是的话，这些css或js 文件，webpack 是不会打包进去的，它也不会去修改你原有的css或js。它只会处理你在webpack的配置中指定文件夹里的文件。
webpack打包的时候只认识 .js 文件，但我们开发中肯定不仅仅只是js文件，如 .html 、 .css 、 .jpg 等，webpack提供了很多 loader 来打包不同类型的文件。
webpack怎么把各个模块的css打包成一个
1、其实有两种方案：第一种是将 css 文件在 js entry 中添加依赖；第二种直接设置 css entry。
2、然后将所有这些模块打包成一个或多个 bundle。webpack有两种组织模块的依赖方式，同步、异步。异步依赖将作为分割点，形成一个新的块；在优化了依赖树之后，每一个异步区块都将作为一个文件被打包。
3、那个name其实是cacheGroup的ID，和CSS没关系。
4、打包多个页面的js文件 读取src/views下的目录，约定每一个目录当成一个页面，打包成一个js chunk。 打包多个html 循环生成多个HtmlWebpackPlugin插件，把每一个插件的chunks各自指向上面打包的js chunk。
5、指令文件hello-world.jsmodule.exports用于将模块(文件)作为一个接口(一般是一个函数)暴露给外部。其他文件(style.css、hello-world.html、hello-world.scss)编译和运行 在命令行工具中输入：webpack，即可编译。