这是一个 Taro 插件,用于将小程序中的静态资源统一提取出来,然后开发者可以选择将这些资源部署到 CDN 环境。降低分包的大小。
降低小程序分包大小,详见:小程序静态资源提取和CDN 自动部署
yarn add @wakeapp/taro-extra-plugin -D
# or
pnpm add @wakeapp/taro-extra-plugin -D
const config = {
outputRoot: `dist/${process.env.TARO_ENV}`,
plugins: [
[
'@wakeapp/taro-extra-plugin',
{
publicPath: '<https://wakeapp-demo.wakeapp.cn/>', // CDN 路径, 必填,必须为 HTTP 路径
// name: '[name]-[hash:8].[ext][query]', // 文件名称
// outputPath: '../static', // 输出路径, 相对于小程序的 output 目录。
// **比如小程序构建输出到 dist/weapp, 那么提取的资源将放置在 dist/static 下**
},
],
],
};
详细参数:
参数 | 描述 |
---|---|
enableMediaExtra?: boolean | 是否提取静态文件(视频、图片、字体等),默认 true, 在 NODE_ENV === 'production' 时启动 |
enableTranslationExtra?: boolean | 是否启用翻译文件提取(*.tr),默认 true, 在 NODE_ENV === 'production' 时启动。详见 ‣ |
outputPath?: string | 输出路径,默认为 ../static, 相对于小程序的 output 目录 |
name?: string | 文件名称,默认为 [name]-[hash:8].[ext][query], 支持 CDN 查询字符串 |
publicPath: string | 静态资源 baseUrl, 必须指定, 必须为有效的 HTTP URL |
limit?: number | 最小的资源大小,低于这个大小的资源将转换为 base64 内嵌,默认为 1024 |