1.0.6 • Published 4 years ago
wxml-layout-loader v1.0.6
wxml-layout-loader
一、简介
微信小程序wxml页面文件母版页支持loader
通过定义一个$slot$
占位符来设置body
内容
当然可以通过设置loader.options.holder
参数自定义占位符
如何附加母版页?
尝试渲染
webpack
搜索的所有wxml
文件进行渲染根据
app.json
中配置的pages
与subPackages[N].pages
来套用options.layout
指定的wxml
母版页 从而过滤掉非页面的wxml
文件
二、安装
npm install wxml-layout-loader --save
三、Webpack使用
layout.wxml
<view class="layout">
$slot$
</view>
webpack.config.js
module.exports = {
module:{
loaders:[
{
test: /\.wxml$/,
loader: [
{
loader: 'wxml-layout-loader',
options: {
//自定义占位符
holder:'$custom-body$'
//母版页路劲
layout:path.resolve('app/layout.wxml')
//或者
// layout:function(file){
// return path.resolve('app/layout.wxml');
// }
}
}
]
}
]
}
}
四、开源许可
基于 MIT License 开源,使用代码只需说明来源,或者引用 license.txt 即可。