
自动化打包构建工具
blueSky-fan
喜欢前端,喜欢技术分享,喜欢跑步,喜欢户外活动
展开
-
webpack
webpack本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部构建一个 依赖图(dependency graph),此依赖图会映射项目所需的每个模块,并生成一个或多个 bundle。全局安装 npm install webpack -g //4.0+ npm install webpack-...原创 2020-03-12 17:30:57 · 183 阅读 · 0 评论 -
webpack的基本使用
webpack1.0 概述项目的打包指令:npm run build结果:生成一个 dist 文件夹:css:存放项目的所有的样式fonts:存放项目所有的字体文件img:项目的图片js:项目的脚本index.html:项目的静态文件作用:将开发结构打包为单独的一个项目:这个项目:静态页面只有一个原来项目中的 .vue 文件,全部会被打包...原创 2020-02-23 23:54:47 · 164 阅读 · 0 评论 -
webpack的基本使用
webpack1.0 概述- 项目的打包指令:npm run build结果:生成一个 dist 文件夹:css:存放项目的所有的样式fonts:存放项目所有的字体文件img:项目的图片js:项目的脚本index.html:项目的静态文件作用:将开发结构打包为单独的一个项目:这个项目:静态页面只有一个原来项目中的 .vue 文件,全部会被打...原创 2020-02-05 22:10:25 · 349 阅读 · 0 评论 -
GULP自动化打包构建工具
GULPgulp 是一个项目开发的 自动化打包构建工具基于 node 环境来运行的什么是自动化打包构建工具比如我们在开发的过程中,会写到 js 文件,css 文件,等等我们的项目如果想上线,那么一定要体积小一点,文件大小越小越好而我们在写 js 文件的时候,会有很多 换行/空格 之类的东西这些 换行/空格 都是占文件体积的一部分那么我们在上线之前就要吧这些 换行/空格 尽...原创 2020-01-27 13:40:57 · 455 阅读 · 0 评论