【wepy】使用wepy构建小程序，并安装sass

wepy 安装

• 打开命令管理器（输入）

npm install wepy-cli -g   // 全局安装wepy-cli

wepy new myproject

# 1.7.0之后的版本使用   （注意）
wepy init standard myproject   

此时已经构建好 myproject 文件夹项目

cd myproject

安装依赖

cnpm install

wepy build --watch  //开启实时编译

WePY项目的目录结构

├── dist                   小程序运行代码目录（该目录由WePY的build指令自动编译生成，请不要直接修改该目录下的文件）
├── node_modules           
├── src                    代码编写的目录（该目录为使用WePY后的开发目录）
|   ├── components         WePY组件目录（组件不属于完整页面，仅供完整页面或其他组件引用）
|   |   ├── com_a.wpy      可复用的WePY组件a
|   |   └── com_b.wpy      可复用的WePY组件b
|   ├── pages              WePY页面目录（属于完整页面）
|   |   ├── index.wpy      index页面（经build后，会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件）
|   |   └── other.wpy      other页面（经build后，会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件）
|   └── app.wpy            小程序配置项（全局数据、样式、声明钩子等；经build后，会在dist目录下生成app.js、app.json和app.wxss文件）
└── package.json           项目的package配置

• 打开小程序，导入 dist 目录
  

为保证程序正常运行，在项目中关闭以下内容
(右上边点开详情，选择内容去掉对勾)

• 此时一个wepy项目已经正式构建完成

wepy安装sass

wepy默认已经安装了less

npm

cnpm install wepy-compiler-sass --save-dev

wepy build --watch

开启Promise

如果在项目中需要使用Promise，需要开启：

在1.4.1以下版本，wepy生成的项目默认都会加入promise polyfill。

在1.4.1以后的版本，需要用户手动加入，具体方法如下：

• 进入项目根目录，安装polyfill

npm install wepy-async-function --save

• 在app.wpy中引入polyfill

import 'wepy-async-function';

• 在app.wpy中使API promise化

export default class extends wepy.app {

    constructor () {
        super();
        this.use('promisify');
    }

}