Yh5

# 介绍

yh5-loader 暂时只支持 psd 文件解析。

# 安装依赖

npm install yh5-loader --save-dev

# Vue CLI 中使用

// vue.config.js

module.exports = {
  chainWebpack: config => {
    config.module.rule('psd')
                 .test(/\.psd$/)
                 .use('yh5-loader')
                 .loader(require.resolve('yh5-loader'))
  }
}

# PSD解析方式

当尝试导入一个psd后缀文件时

import { default as ExampleCanvas, items, name, width, height } from 'example.psd'

ExampleCanvas为v-canvas的高阶组件，支持v-canvas所有特性。

items为类Vue vnode AST的抽象语法树，一个数组。

name为psd文件名。

width为psd画布宽度。

height为psd画布高度。