目前来说,对于构建小程序的,类似taro这些框架,生态已经挺完善的了,没有什么必要再搞一套来折腾自己。但是,我司的小程序,是很早之前就开发的,我们负责人当时信不过这些开源的框架,于是自己用webpack搞了一套框架,但有一个比较严重的问题,有一些文件依赖重复打包了,导致小程序包体积比较大。持续了一个
Webpack 24 次浏览
webpack取代了gulp构建H5的脚手架。主要实现了开发与线上环境资源引用不同的问题,以及本地开发默认路径为'./',线上会添加用户自定义的路径前缀。它还替换了HTML中的img和video标签的src,以及CSS内部的资源路径和JS路径引用,并进行了Babel转码和PostCSS特性处理,包括
Webpack 26 次浏览
gulp-webpack-starter-kit:通过Gulp入门构建项目套件 gulp-webpack-starter-kit是一个基于Gulp和Webpack的项目构建工具,适用于初学者快速搭建前端开发环境。这个套件提供了一整套基本的构建流程,帮助开发者进行JavaScript项目的组织、编译、
Webpack 18 次浏览
Webpack & Gulp 联袂打造高效开发流程 本篇聚焦于以下核心要点: 开发环境与生产环境分离:针对不同环境进行优化配置,提升开发效率和项目性能。 Gulp 集成:利用 Gulp 自动化执行构建任务,简化工作流程。 Package.json 配置:详解 package.json 文件的配置方
Webpack 26 次浏览
项目概述 本项目演示了如何使用Gulp和Bower构建包含Angular Material组件的移动应用骨架。 主要技术 Angular Material: 使用JavaScript和CSS组件库构建界面。 Gulp: 自动化构建工具,简化开发流程。 Bower: 前端包管理工具,管理项目依赖。
Nodejs 33 次浏览
本指南提供了一套弃用的Gulp任务集合,可用于前端开发。这些任务可协助您完成以下操作:- 编译模板(如Jade)- 应用插件- 将文件编译成单独的捆绑结果,并使用glob导入- 添加供应商前缀、优化CSS并生成源映射- 自定义任务- 对JavaScript进行捆绑- 生成具有视网膜支持的多重PNG精
Webpack 18 次浏览
总体来看,TypeScript项目构建主要分两步:将ts项目整体转换为js项目按常规套路,对该js项目进行打包构建构建过程中,对ts文件的转换不再使用命令行方式,所以tsc的配置参数,需要通过tsconfig.json文件设置。初始化tsconfig.json tsc --init之后,我们会在项目
Typescript 20 次浏览
该构建系统优化 Web 前端开发流程,其核心组件包括: 任务运行器: Gulp 4 模块打包器: Webpack 4 CSS 预处理器: Less,并使用 PostCSS 进行自动添加浏览器前缀和 cssnano 代码压缩。 模板引擎: Nunjucks JavaScript 构建: webpac
Webpack 19 次浏览
Lila 是一个基于 Gulp 的可扩展流式构建工具,支持多入口模式,提供高效灵活的构建体验。 核心组件 命令行工具 (lila-bin): 提供命令行接口,用于项目初始化、任务执行等操作。 核心库 (lila): 定义核心架构和 API,实现流式构建流程。 内置任务: 提供常见构建任务,例如文
Webpack 18 次浏览
本模板提供了一份Gulpfile.js文件,用于通过CoffeeScript构建Node.js后端项目,包含以下任务:- 清除输出文件夹- 编译CoffeeScript代码- 复制其他项目文件到输出文件夹- 根据命令行参数替换源代码- 启动程序并监听文件更改自动重启
Nodejs 18 次浏览