littlebot
Published on 2025-04-09 / 1 Visits
0

【源码】基于Gulp4和Stylelint的简易前端移动端模版项目

项目简介

本项目是基于Gulp4搭建的简易前端移动端模版项目,采用模块化开发方式。以Gulp作为构建工具,运用Stylelint对CSS/SCSS代码进行规范管理,同时支持ES6的大部分语法,主要用于快速构建前端移动端模版。

项目的主要特性和功能

主要技术栈

  • 以Gulp4作为构建工具,实现开发环境和生产环境分离配置。
  • 利用Stylelint对CSS/SCSS代码进行规范管理,保障代码质量。
  • 支持ES6的大部分语法,但暂不支持import和export模块化。
  • 借助Gulp - html - tpl模板快速开发HTML公共部分。

功能特点

  • 代码规范:遵循ESLint和Stylelint规范,保证代码质量。
  • 模块化开发:采用模块化开发方式,方便代码管理与维护。
  • 自动化构建:通过Gulp进行自动化构建,提升开发效率。
  • 易于扩展:配置灵活,便于扩展和修改。

安装使用步骤

1. 安装依赖

在项目根目录下执行以下命令安装依赖: bash npm install // 安装node_modules,载入相关依赖;

2. 运行项目

开发环境

执行以下命令运行开发环境,同时生成dist目录: bash npm run dev // 运行本地环境;

生产环境

执行以下命令打包上线代码,生成dist目录: bash npm run build // 打包上线代码;

自动修复SCSS

执行以下命令自动修复SCSS: bash npm run cssfix // 自动修复SCSS;

自动修复JS(暂未实现)

目前自动修复JS功能尚未完全实现,建议手动修改对应的JS文件。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】