16.css文件分割

1.npm install--save-dev mini-css-extract-plugin

2  webpack.config.js文件配置

const MiniCssExtractPlugin=require("mini-css-extract-plugin");

module.exports={

                        optimization:{

                                    splitChunks:{

                                           cacheGroups:{

                                                            styles: {

                                                                              name:'styles',

                                                                             test:/\.css$/,

                                                                             chunks:'all',

                                                                               enforce:true

                                                                          }

                                                                     }

                                                        }

                                              },

                           plugins:[

                                          newMiniCssExtractPlugin({filename:"[name].css",})

                                         ],

                           module:{

                                          rules:[

                                                       {

                                                        test:/\.css$/,

                                                        use:[MiniCssExtractPlugin.loader, "css-loader"]

                                                       }

                                                     ]

                                           }

}