主要介绍了详解webpack分离css单独打包，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

这篇文章只写了如何把CSS打包成一个CSS文件，没有讲解如何打包成多个CSS文件，经简友提点，这里添加上了 打包成多个CSS文件的方法。 瞎扯 webpack 把所有的资源都当成了一个模块, CSS,Image, JS 字体文件 都是资源, 都可以打包到一个 bundle.js 文件中. 但是有时候需要把样式 单独的打包成一个文件, 然后放到 CND上, 然后缓存到浏览器客户端中 一、extract-text-webpack-plugin 使用方法 这个操作很简单的，只需要一个插件就好了，就是

在项目中经常会需要将一些接口的配合文件或者某些样式文件，分离出来单独打包，便于后期改动，这里我以css文件为例，介绍实现两种方法： 项目目录： 如上图所示，现在我需要将项目中的scBtn.css文件单独打包出来。在不做任何配置，直接打包出来的css文件是压缩合并成了一个了，如下图，当我想要改某一个css文件时就不行了。 方法一： 1、在bulid文件夹下建一个copy.js（这个js名称可以自定义） 代码如下： var fs = require('fs'); var path =