webpack
文章平均质量分 61
打包工具
ANKG
这个作者很懒,什么都没留下…
展开
-
【webpack】wabpack5 常用配置
loader本质就是一个导出一个函数,这个函数的返回值是可以执行的js代码;以下实现类似 style-loader 功能原创 2024-08-26 20:02:46 · 486 阅读 · 0 评论 -
【webpack】wabpack5 知识梳理
可处理 js、json文件,处理 js 文件引入将其打包;将es6的import规范编译为浏览器可识别的commonjs规范;生产环境比开发环境打包多了代码丑化、压缩;可使用webpack默认配置,也可以通过创建配置;项目根目录创建配置文件// webpack5 基本配置// 入口// 输出output: {},// 加载器module: {rules: [],},// 插件// 模式直接执行webpack,自动使用该文件配置后续更新常用webpack配置!原创 2023-10-21 19:59:34 · 758 阅读 · 0 评论 -
【webpack】wabpack4.x知识回顾
1、安装全局安装: npm i webpack@4.41.6 webpack-cli@3.3.11 -g默认安装到npm的目录下node_modules中C:\Users\Administrator\AppData\Roaming\npm\node_modules局部安装: npm i webpack@4.41.6 webpack-cli@3.3.11 -D安装在当前文件夹的node_modules中是否可用:webpack-cli --versionwebpack --versio原创 2021-12-09 14:55:48 · 214 阅读 · 0 评论 -
【webpack】打包工具的功能原理
一、《知识补充》是JavaScript应用的静态模块打包工具;模块和打包。模块化:JS文件、css、图片、json文件等在webpack中被当做模块来使用;打包:将各种资源模块进行打包合并成一个或多个包(bundle);而且还能对资源进行处理:压缩图片、scss转css、es6转es5语法、ts转js;和grunt/gulp:grunt/gulp更加强调前端流程的自动化,模块化不是核心;webpack更强调模块化开发管理,而文件压缩合并、预处理等功能,是他的附带功能;总结:前端模块原创 2020-07-14 16:48:56 · 297 阅读 · 0 评论