wxml-layout-loader
wxml layout loader
Last updated 4 months ago by beven .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install wxml-layout-loader 
SYNC missed versions from official npm registry.

wxml-layout-loader

NPM version

一、简介

微信小程序wxml页面文件母版页支持loader

通过定义一个$slot$占位符来设置body内容

当然可以通过设置loader.options.holder参数自定义占位符

如何附加母版页?

  • 尝试渲染webpack搜索的所有wxml文件进行渲染

  • 根据app.json中配置的pagessubPackages[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 即可。

Current Tags

  • 1.0.6                                ...           latest (4 months ago)

7 Versions

  • 1.0.6                                ...           4 months ago
  • 1.0.5                                ...           7 months ago
  • 1.0.4                                ...           8 months ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 2
This Month 2
Last Day 0
Last Week 2
Last Month 12
Dependencies (3)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |