随笔分类 - webpack
webpack方面优化项目
摘要：1.Vue脚手架配置插件image-webpack-loader 图片压缩(这个不怎么好用,因为安装插件会有问题) 1.cnpm install image-webpack-loader 2.代码配置 module.exports = { chainWebpack: config => { conf
阅读全文
摘要：配置代码 chainWebpack: config => { config.optimization.minimize(true)// 开启压缩js代码 config.optimization.splitChunks({ // 开启代码分割 chunks: 'all' }) }, 启用gzip压缩(
阅读全文
摘要：插件大名@fullhuman/postcss-purgecss 使用此插件后无法开发多端项目,因为h5页面是uni自定义的类名,插件是通过字符匹配来校验是否使用类名 提前注意事项: 如果出现了某些样式被插件失误清除可以直接在生产模式使用此功能,或者在插件的函数里面加上一段代码(任一代码) 目的就是让
阅读全文
摘要：插件名称terser-webpack-plugin@4.2.3 以上版本 webpack4不支持 经测试只有在生产模式下才会生效 解释文档 2文档 从 webpack 4 开始，会根据你选择的 mode 来执行不同的优化， 不过所有的优化还是可以手动配置和重写。 大概描述:如果没有设置mode，we
阅读全文
摘要：vue脚手架配置插件image-webpack-loader 图片压缩 插件名称image-webpack-loader 插件文档地址 vuecli配置文档 我遇到的问题 前言:由于没仔细看文档,被坑的挺惨的,网上有很多关于此插件的资料但大多数是粘贴复制的 关于此插件要和file-loader结合使
阅读全文
摘要：插件大名:PurgeCSS 此篇文档可以弃用了,新写了一篇在vue.config.js中配置的文章 描述:一个项目需要很多的css样式,这样就避免不了可能会多余一些用不到的css样式,如果你足够细心请忽略此篇文章,我最近再弄uniapp项目,是通过vuecli来创建的 文档所在 先说下缺点吧: 使用
阅读全文
