
webpack相关
文章平均质量分 65
webpack打包优化、原理等
akatukijohi
菜鸡前端成长史
展开
-
【踩坑记录】uni-app工程转vue-cli 工程
uniapp改成npm打包原创 2022-11-04 10:10:26 · 2041 阅读 · 2 评论 -
webpack5优化学习(三)——如何压缩体积
一、压缩体积1、压缩js、css、html、图片js、css、html、图片,都有插件可以压缩。可用的插件有:js:terser-webpack-plugincss:optimize-css-assets-webpack-pluginhtml:html-webpack-plugin图片:image-webpack-loader安装好后的代码配置如下:const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-web原创 2022-03-30 16:35:34 · 1566 阅读 · 0 评论 -
webpack5优化学习(二)——如何编译提速
编译提速缩小查找范围extensionsrequire和import的时候可以省略扩展名,然后查找文件时的先后顺序会根据extensions的配置进行比如:resolve: { extensions: ['.js', '.jsx', '.json'],//指定文件的扩展名,找不到会报错}alias配置别名比如,当你想直接用【import “bootstrap”】或者【require(“bootstrap”)】引入bootstrap的css时,webpack.config.j原创 2022-03-27 23:48:02 · 1523 阅读 · 0 评论 -
webpack5优化学习(一)——可以帮助分析打包数据的插件
基于webpack5的优化分析打包数据有几个插件可以帮助你分析数据:1. friendly-errors-webpack-plugin及node-notifier更友好的错误提示插件webpack.config.jsconst FriendlyErrorsWebpackPlugin = require('friendly-errors-webpack-plugin');const notifier = require('node-notifier');module.export = {原创 2022-03-26 00:25:24 · 2109 阅读 · 0 评论