0

我在服务器的图片集上使用了 npm pkg Sharp来转换 imgs。服务器代码是这样的:

import * as sharp from 'sharp';

export const Pictures = new Mongo.Collection('pictures');

export const PicturesStore = new UploadFS.store.GridFS({
    collection: Pictures,
    name: 'pictures',
    filter: new UploadFS.Filter({
        contentTypes: [ 'image/*' ],
    }),
    transformWrite(from, to, fileId, file) {
        const transform = sharp().resize(300, 300).min().crop().toFormat('jpeg', { quality });
        from.pipe(transform).pipe(to);
    },
})

但是在客户端,它会报告错误:

cannot load native .node modules on the client.

客户端实际上并没有运行尖锐的功能。它仅引用 PicturesStore 并为图片创建一个 minimongo 集合。

在另一个项目中,它在客户端使用 webpack。它可以配置为使用空的虚拟对象解析尖锐。

但是如何创建一个空的虚拟 Sharp 对象以防止在没有 webpack 的情况下在 Meteor 客户端上加载 Sharp 模块?

4

1 回答 1

1

事实证明,您必须编写一个 Meteor 包来定义加载在客户端和服务器上的不同文件。在你的 package.js 中,它是这样的:

Package.onUse(function (api) {
    api.mainModule('sharp-client.js', 'client');
    api.mainModule('sharp-server.js', 'server');
});

在 sharp-client.js 中,它是这样的:

export var Sharp = {};

在 sharp-server.js 中是这样的:

import {
    checkNpmVersions
} from 'meteor/tmeasday:check-npm-versions';

checkNpmVersions({
    'sharp': '^0.20.5'
}, 'my:awesome-package');

export var Sharp = require('sharp');

完毕。

于 2018-09-17T17:42:19.457 回答