Разница в том же теге версии material-ui между репозиторием GitHub и NPM

Question

Я смотрю на tarball для Material UI версии 1.5.1, а затем обнаружил, что есть два tarballs для Material UI относительно версии 1.5.1. Когда я беру один и тот же файл из двух тарболов, есть некоторые различия.

Один тарбол из реестра NPM

   "@material-ui/core": {
         "version": "1.5.1",
         "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-1.5.1.tgz",
   }

Другой тарбол из UI Github Material:

https://github.com/mui-org/material-ui/archive/v1.5.1.tar.gz

Когда я беру один и тот же файл из обоих tar-архивов (core-1.5.1.tgz и v1.5.1.tar.gz), например, «createMixins.js», есть некоторые различия.

Итак, мой вопрос, почему файлы в одной и той же версии отличаются.

Answer 1

Tarball на GitHub - это оригинальный исходный код. В tarball для npm были применены некоторые преобразования babel, чтобы сделать код более совместимым с различными средами JavaScript.

Вот createMixins.js из GitHub (v1.5.1):

export default function createMixins(breakpoints, spacing, mixins) {
  return {
    gutters: (styles = {}) => {
      return {
        paddingLeft: spacing.unit * 2,
        paddingRight: spacing.unit * 2,
        ...styles,
        [breakpoints.up('sm')]: {
          paddingLeft: spacing.unit * 3,
          paddingRight: spacing.unit * 3,
          ...styles[breakpoints.up('sm')],
        },
      };
    },
    toolbar: {
      minHeight: 56,
      [`${breakpoints.up('xs')} and (orientation: landscape)`]: {
        minHeight: 48,
      },
      [breakpoints.up('sm')]: {
        minHeight: 64,
      },
    },
    ...mixins,
  };
}

Вот то же самое из архива npm:

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = createMixins;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

function createMixins(breakpoints, spacing, mixins) {
  var _toolbar;

  return (0, _extends3.default)({
    gutters: function gutters() {
      var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
      return (0, _extends3.default)({
        paddingLeft: spacing.unit * 2,
        paddingRight: spacing.unit * 2
      }, styles, (0, _defineProperty2.default)({}, breakpoints.up('sm'), (0, _extends3.default)({
        paddingLeft: spacing.unit * 3,
        paddingRight: spacing.unit * 3
      }, styles[breakpoints.up('sm')])));
    },
    toolbar: (_toolbar = {
      minHeight: 56
    }, (0, _defineProperty2.default)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
      minHeight: 48
    }), (0, _defineProperty2.default)(_toolbar, breakpoints.up('sm'), {
      minHeight: 64
    }), _toolbar)
  }, mixins);
}