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
$slot$
webpack.config.js
moduleexports = module: loaders: test: /\.wxml$/ loader: loader: 'wxml-layout-loader' options: //自定义占位符 holder:'$custom-body$' //母版页路劲 layout:path //或者 // layout:function(file){ // return path.resolve('app/layout.wxml'); // }
四、开源许可
基于 MIT License 开源,使用代码只需说明来源,或者引用 license.txt 即可。