一、创建项目工程
-
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'
}
}
};
- 参考sass插件
