摘要: 1、压缩CSS以及优化CSS结构(optimize-css-assets-webpack-plugin) 处理效果: 将CSS压缩 optimize-css-assets-webpack-plugin 安装(下载) npm install --save-dev optimize-css-assets 阅读全文
posted @ 2019-12-27 17:08 Web涛涛 阅读(569) 评论(1) 推荐(0) 编辑
摘要: 1、webPack提取分离CSS单独打包(ExtractTextPlugin、mini-css-extract-plugin) 处理效果: 将所有的入口chunk(entry chunks)中引用的CSS,移动到独立分离的CSS文件 ExtractTextPlugin插件 安装(下载) npm in 阅读全文
posted @ 2019-12-27 16:59 Web涛涛 阅读(1804) 评论(0) 推荐(0) 编辑
摘要: 1、根据HTML模版自动生成HTML 了解html-webpack-plugin HtmlWebpaclPlugin会自动为你生成一个HTML文件,根据指定的index.html生成对应的html文件 安装html-webpack-plugin插件 npm install html-webpack- 阅读全文
posted @ 2019-12-27 16:31 Web涛涛 阅读(254) 评论(0) 推荐(0) 编辑
摘要: 现在的网页开发都会拥有一系列的依赖,处理这些复杂、麻烦的依赖就应运而生了一些前端打包工具:webpack、rollup、grunt、gulp等 由于项目中使用居多的是webpack,所以就将webpack简单的使用方法进行了如下的整理,希望对大家有用~~ 1、webpack的作用: 其实就是一个Ja 阅读全文
posted @ 2019-12-27 16:26 Web涛涛 阅读(576) 评论(0) 推荐(0) 编辑