zhb-react-npm/lib/bundle.js

react自定义测试第三版

'use strict';

var React = require('react');
var styled = require('styled-components');

function _taggedTemplateLiteral(strings, raw) {
  if (!raw) {
    raw = strings.slice(0);
  }
  return Object.freeze(Object.defineProperties(strings, {
    raw: {
      value: Object.freeze(raw)
    }
  }));
}

var _templateObject$1;
var Switch = function Switch() {
  console.log(styled);
  console.log(styled["default"].div);
  return /*#__PURE__*/React.createElement(StyledSwitch$1, null, /*#__PURE__*/React.createElement("span", null, "1111111111111"));
};
var StyledSwitch$1 = styled["default"].div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  span{\n    color: yellow;\n    font-size: 100px;\n  }\n"])));
// import React from "react";
// import { css } from "@emotion/core";
// const Switch = () => {
//   return (
//     <h1
//       css={css`
//         color: "red";
//       `}
//     >
//       Switch
//     </h1>
//   );
// };

// export default Switch;

var _templateObject;
var Switchs = function Switchs() {
  console.log(styled);
  console.log(styled["default"].div);
  return /*#__PURE__*/React.createElement(StyledSwitch, null, /*#__PURE__*/React.createElement("span", null, "222222222222222222"));
};
var StyledSwitch = styled["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  span{\n    color: yellow;\n    font-size: 100px;\n  }\n"])));
// import React from "react";
// import { css } from "@emotion/core";
// const Switch = () => {
//   return (
//     <h1
//       css={css`
//         color: "red";
//       `}
//     >
//       Switch
//     </h1>
//   );
// };

// export default Switch;

exports.Switch = Switch;
exports.Switchs = Switchs;