Android Res Export 插件使用教程

1、项目的目录结构及介绍

Android Res Export 插件的 GitHub 仓库目录结构如下：

Android_Res_Export/
├── assets/
├── resources/
├── src/
├── appcast.xml
├── .gitignore
├── LICENSE
├── README.md
├── README_zh.md
├── android_res_export.png
├── package-lock.json
├── package.json
└── webpack.skpm.config.js

• assets/: 存放项目资源文件。
• resources/: 存放项目资源文件。
• src/: 存放项目的源代码。
• appcast.xml: 更新信息文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目英文说明文档。
• README_zh.md: 项目中文说明文档。
• android_res_export.png: 项目图标。
• package-lock.json: npm 依赖锁定文件。
• package.json: 项目配置文件。
• webpack.skpm.config.js: Webpack 配置文件。

2、项目的启动文件介绍

项目的启动文件主要是 src/ 目录下的文件，这些文件包含了插件的主要逻辑和功能实现。具体文件如下：

• src/manifest.json: 插件的 manifest 文件，定义了插件的基本信息和入口点。
• src/main.js: 插件的主入口文件，包含了插件的主要逻辑。

3、项目的配置文件介绍

项目的配置文件主要包括以下几个：

• package.json: 定义了项目的依赖、脚本、版本等信息。
• webpack.skpm.config.js: Webpack 的配置文件，用于打包和构建插件。
• appcast.xml: 更新信息文件，用于插件的自动更新。

package.json 文件示例

{
  "name": "android-res-export",
  "version": "1.0.0",
  "description": "Export Android resources in Sketch",
  "main": "src/main.js",
  "scripts": {
    "build": "webpack --config webpack.skpm.config.js",
    "watch": "webpack --watch --config webpack.skpm.config.js"
  },
  "dependencies": {
    "skpm": "^1.0.0"
  },
  "devDependencies": {
    "webpack": "^4.0.0",
    "webpack-cli": "^3.0.0"
  }
}

webpack.skpm.config.js 文件示例

const path = require('path');

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      }
    ]
  }
};

appcast.xml 文件示例

<rss version="2.0" xmlns:sparkle="http://www.andymatuschak.org/xml-namespaces/sparkle">
  <channel>
    <title>Android Res Export Changelog</title>
    <item>
      <title>Version 1.0.0</title>
      <pubDate>2023-01-01T00:00:00+00:00</pubDate>
      <sparkle:version>1.0.0</sparkle:version>
      <description><![CDATA[Initial release.]]></description>
    </item>
  </channel>
</rss>

以上是 Android Res Export 插件的基本使用教程，包含了项目的目录结构、启动文件和配置文件的介绍。希望对您有所帮助。