小程序wepy搭建开发框架

一、创建项目工程

  • 1.1 安装

    $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具
$ wepy init standard myproj # 使用 standard 模板初始化项目
$ cd myproj # 进入到项目目录
$ npm install # 安装项目依赖包
$ npm run dev # 监听并且编译项目

  • 1.2 导入项目
    使用开发者工具导入 myproj 根目录，即可预览效果。

  • 参考wepy快速开始

二、配置typescript

  • 2.1 安装

    npm install @wepy/compiler-typescript typescript --save-dev

  • 2.2 修改wepy.config.js

const TypeScriptCompiler = require('@wepy/compiler-typescript');

module.exports = {
  "plugins": [
    TypeScriptCompiler()
  ]
};
  • 2.3 在.wpy文件中使用
<script lang="typescript">
import wepy from '@wepy/core';

wepy.component({
  data: {},
  computed: {},
  methods: {},
  created() {}, 
});
</script>

三、配置sass

  • 3.1 安装
npm install @wepy/compiler-sass --save-dev
  • 3.2 使用配置
module.exports = {
  compilers: {
    sass: {
      outputStyle: 'compressed'
    }
  }
};
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容