打包工具
文章平均质量分 70
苦海123
专研前端,探索后端,热爱技术,不断汲取
展开
-
webpack4以上版本
webpack4以上版本原创 2023-06-18 13:58:00 · 1308 阅读 · 2 评论 -
Gulp简介、gulp基本使用步骤、gulp-cli工具、gulpfile.js文件、gulp插件
Gulp介绍: gulp概念: 基于node开发的前端构建工具模块,将前端机械化的操作编写成任务自动化操作,类似于webpack构建,可以完成代码压缩、语法转换、抽离公共文件、自动实现浏览器刷新等。 基本使用步骤: 1.使用npm install gulp下载gulp库文件。 2.在项目文件夹中新建gulpfile.js文件,注意文件名固定不变。 3.重构项目文件夹目录结构:新建src文件夹(存放项目源代码)、新建dist文件夹(存放处理后的代码)。 4.在gulpfile.js文件中编写任务,类似于web原创 2021-07-11 20:29:14 · 860 阅读 · 2 评论 -
webpack上线版(生产环境中推荐使用)
配置上线版(生产环境)webpack: 实际中将开发环境中和生产环境中打包配置是分开的,两者本质没太大区别,只是生产环境中的webpack打包配置要更加优化合理,下面将具体介绍一下生产环境中webpack配置文件,其步骤: 1.在项目文件夹中新建一个名为: webpack.publish.config.js 的文件。 2.在package.json文件script中新增配置 : “pub”:“webpack --config webpack.publish.config.js” 3.将 webpack原创 2021-06-14 22:08:00 · 189 阅读 · 0 评论 -
webpack简介
webpack简介: webpack是前端资源加载/打包工具,它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。在做vue项目和react项目时都会可能用到,当前最火的前端构建工具之一,把前端各种资源编译打包,最后输出:js文件、css文件、png文件,可以减少文件资源的请求。 编译原理:利用各种处理文件的loader对各种文件进行编译,根据文件后缀处理后输出新的文件,如需了解更多建议阅读相关文档:https://webpack.docschina.org/ 特别强调:we原创 2021-06-01 20:53:40 · 402 阅读 · 2 评论