微信小程序--项目脚手架的搭建

最新推荐文章于 2023-10-21 18:22:01 发布

weixin_34019929

最新推荐文章于 2023-10-21 18:22:01 发布

阅读量1.6k

点赞数 1

文章标签： webpack json 前端 ViewUI

原文链接：https://juejin.im/post/5ba4543a6fb9a05d0045abc5

版权

前言

在任何项目开发中都涉及到项目的搭建，搭建项目的时候，首先考虑是选择一款合适的项目构建工具，目前最火的就是webpack了，它的定位是模块打包工具，对于小程序而言，更多涉及到静态资源的分类管理，所以gulp、grunt、FIS这类前端构建工具很合适。

gulp工具链很完善，小程序开发本来就是本地开发模式，代码必须在小程序开发工具提供的runtime中才可以跑起来，不涉及服务搭建相关知识，所以webpack的devserver在这里也用不到。

项目目录结构

基本的项目结构如下图所示：

├── cloud-functions // 云函数文件夹
├── dist            // 构建工具 release 之后的文件夹
├── gulpfile.js     // Gulp 配置文件
├── node_modules
├── package.json    // npm 描述文件
└── src             // 实际开发的源代码文件夹
    ├── app.js      // 入口 js
    ├── app.json    // App 配置
    ├── app.scss    // App 整体样式
    ├── components  // 小程序组件，例如 icon 类这些通用组件
    ├── images      // 小程序静态图片
    ├── lib         // 公共 lib
    ├── pages       // 小程序 page 页面
    │   ├── index.js
    │   ├── index.json
    │   ├── index.scss
    │   ├── index.wxml
    │   └── index.wxs
    └── project.config.json // 小程序项目配置...
复制代码

转载于:https://juejin.im/post/5ba4543a6fb9a05d0045abc5