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

在之前的文章中了解了webpack v4的特性，现在将知识用于实践，对之前写的一个react脚手架进行打包性能的优化。 优化类目 样式分离 第三方资源分离 区分开发环境 热更新 提取公共代码 1. CSS分离 npm install extract-text-webpack-plugin -D webpack.config.js 将css、less、sass文件单独从打包文件中分离 + let cssExtract = new ExtractTextWebpackPlug

前言 用react开发了过多项目，大多数是客户端渲染。当涉及到资讯类，官网类的网站时，为了优化seo，必须使用React服务器渲染。于是查阅过多资料，总结一套自己觉得还不错的框架。说是框架，更像是一堆配置的集合。 特色 前一级分离，nodejs做中间层（此处的常规一般指提供api接口的替代，某些java顶部） 支持webpack多页面多入口配置 支持react服务器渲染，包含集成了redux的SPA页面服务器渲染 实时重新加载。修改客户端代码，浏览器自动刷新；修改服务器代码，自动重新加载。如果页

基于React+ Webpack + Babel的项目脚手架 :fire: :fire: :fire: 这个脚手架工程模板用于快速启动基于React + Webpack为技术栈的前端项目 功能功能特性 可以解析JSX语法 可以解析ES6语法新特性 支持LESS预处理器 支持SASS预处理器 编译完成自动打开浏览器 区分开发环境和生产环境 实现组件级热更新 实现代码的热替换，浏览器实时刷新查看效果 实现代码按需加载 分离业务功能代码和公共依赖代码 单独分离CSS样式文件 支持编译HTML模板