README
一个微信小程序的编译器
安装
npm install smallmina-loader
webpack.config
module.exports = {
module: {
rules: [
{
test: /\.mina$/,
loader: 'smallmina-loader',
options:{
//开发的源文件夹
source: 'src',
//编译后的文件交和原文件同目录
target: 'build',
//指定文件夹
dist: '',
//指定扩展名
extension: {
style: 'acss',
template: 'axml'
}
}
}
]
}
}
使用方式
最简单的姿势
require('./pages/index/index.mina')
在 app.js 中项目中引入之后会在根目录的 dist 文件夹下生成两份文件分别为
/pages/index/index.wxml
/pages/index/index.wxss
比起返回 babel 转换过的 script 标签中的内容
关于语法
由于使用的是 vue-template-compiler 进行解析,所以语法基本与 vue-loader,相同
比如你想用 pug,那么在 template 标签中加入 lang="pug"
即可
高亮设置
将高亮设置为 vuecomponent 即可