Sweetalert: рдХреЛрдгреАрдп 5.2.3 - рддреНрд░реБрдЯрд┐ рд▓реЗрдЦрди рддреНрд░реБрдЯрд┐: Sweetalert_1.default рдХреЛрдИ рдлрд╝рдВрдХреНрд╢рди рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдлрд╝рд░ре░ 2018  ┬╖  13рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: t4t5/sweetalert

es5 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдореБрдЭреЗ рдпрд╣ рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ es6 рдкрд░ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореАрдард╛ рд╕рдВрд╕реНрдХрд░рдг: 2.1.0

tsconfig.json

{
    "compileOnSave": false,
    "compilerOptions": {
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5",
        "typeRoots": [
            "node_modules/@types"
        ],
        "lib": [
            "es2015",
            "dom"
        ]
    }
}

import swal from 'sweetalert'; swal({ text: 'Your request has been processed successfully.', icon: 'success' }).then((value) => { if (value) { console.log(value); } });

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣реЗ рд▓реЛрдЧреЛрдВред
рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреЛрдгреАрдп рд╕реАрдПрд▓рдЖрдИ рдореЗрдВ

рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЕрднреА рднреА ng serve --prod рдЪрд▓рд╛рддреЗ рд╕рдордп рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ?

рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ, рдЖрдк рдЗрд╕реЗ рдХреБрдЫ рд╣рдж рддрдХ рдЧрдВрджреЗ рдХрд╛рдордХрд╛рдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = _swal as any;

swal('test');

рд╕рднреА 13 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореБрдЭреЗ рдпрд╣ рддреНрд░реБрдЯрд┐ рддрдм рд╢реБрд░реВ рд╣реБрдИ рдЬрдм рдореИрдВрдиреЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЛ рдЕрд╕рдореНрдмрджреНрдз рдХрд┐рдпрд╛ рддрд╛рдХрд┐ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ IE9, 10 рдФрд░ 11 рдХреЗ рд╕рд╛рде рд╕рдВрдЧрдд рд╣реЛ рд╕рдХреЗред polyfills.ts
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es7/array';

рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рд╕реБрдЭрд╛рд╡ рджреЗрддреЗ рд╣реИрдВ рдХрд┐ "рд▓рдХреНрд╖реНрдп" рдХреЛ рдИрдПрд╕ 6 рдореЗрдВ рдмрджрд▓рдирд╛ рдЖрдИрдИ 11 рдкрд░ рдореЗрд░реЗ рдРрдк рдХреЛ рддреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдИрдПрд╕ 6 рддреАрд░ рдлрд╝рдВрдХреНрд╢рди рдЖрдИрдИ 11 рдкрд░ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИрдВ рдФрд░ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рд╕рдВрдХрд▓рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рдПрдХ рддреНрд░реБрдЯрд┐ рд╣реЛрдЧреАред

рдПрдХ рд╣реА рддреНрд░реБрдЯрд┐ рд╣реЛ рд░рд╣реА рд╣реИ

image

+1

рдореБрдЭреЗ рд╡рд╣реА рддреНрд░реБрдЯрд┐ рд╣реЛ рд░рд╣реА рд╣реИ!

рдореИрдВ рднреАред

рдореИрдВрдиреЗ рд╕реНрд╡реАрдЯрд▓рд░реНрдЯ 2 рдореЗрдВ рд╕реНрд╡реИрдк рдХрд░рдХреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд┐рдпрд╛ред рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдЙрд╕реА рдЯреАрдо рджреНрд╡рд╛рд░рд╛ рд╡рд┐рдХрд╕рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ (рдЗрд╕рд▓рд┐рдП рдкреНрд░рдЪрд╛рд░ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдЦреЗрдж рд╣реИ рдпрджрд┐ рдирд╣реАрдВ)ред
рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЙрди рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧреА рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рдирдХреЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдФрд░ рдЕрдЧрд░ рдпрд╣ рдареАрдХ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдореБрдЭреЗ рд╡рд╛рдкрд╕ swal 1 рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рдореЗрдВ рдЦреБрд╢реА рд╣реЛрдЧреАред
рд╣реИрдкреНрдкреА рдХреЛрдбрд┐рдВрдЧ!

рд╣реЗ рд▓реЛрдЧреЛрдВред
рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреЛрдгреАрдп рд╕реАрдПрд▓рдЖрдИ рдореЗрдВ

рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЕрднреА рднреА ng serve --prod рдЪрд▓рд╛рддреЗ рд╕рдордп рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ?

рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ, рдЖрдк рдЗрд╕реЗ рдХреБрдЫ рд╣рдж рддрдХ рдЧрдВрджреЗ рдХрд╛рдордХрд╛рдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = _swal as any;

swal('test');

@lionralfs рдпрд╣ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

@lionralfs рдЖрдк рдПрдХ рд╕рдЪреНрдЪреЗ рд╢реЗрд░ рд╣реИрдВ рдареАрдХ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред

npm рд░рд┐рд▓реАрдЬрд╝ default рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдирд┐рд░реНрдпрд╛рдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЯрд╛рдЗрдкрд┐рдВрдЧ рдЧрд▓рдд рд╣реИред рдЯрд╛рдЗрдкрд┐рдВрдЧ рд╕реЗ рд╕рдВрдХреЗрдд рдорд┐рд▓рддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ ES рдореЙрдбреНрдпреВрд▓ рдХреЗ рд░реВрдк рдореЗрдВ рдорд╛рдирд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди npm рд░рд┐рд▓реАрдЬрд╝ рдПрдХ CommonJS рдореЙрдбреНрдпреВрд▓ рд╣реИред

рдкреНрд░рд▓реЗрдЦрди рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ export default рдмрдЬрд╛рдп export = рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреЗрддрд╛ рд╣реИ: https://www.typescriptlang.org/docs/handbook/modules.html#export --and-import--require

рдорд┐рд▓рд╛рди рдЖрдпрд╛рдд рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ:

import swal = require("sweetalert");

рд╣рд╛рдВ, рдпрд╣ рдЧреИрд░-рдорд╛рдирдХ рд╕рд┐рдВрдЯреИрдХреНрд╕ рд╣реИ, рдЬреЛ ES рдореЙрдбреНрдпреВрд▓ рдХреЛ рд▓рдХреНрд╖рд┐рдд рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рдкреИрджрд╛ рдХрд░реЗрдЧрд╛ред рд╕рд┐рдВрдереЗрдЯрд┐рдХ рдЖрдпрд╛рдд рдХреЛ рд╕рдХреНрд╖рдо рдХрд░рдХреЗ рдпрд╛ import * as swal рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕рдХреЗ рдЖрд╕рдкрд╛рд╕ рдХрд╛рдо рдХрд░рдирд╛ рд╕рдВрднрд╡ рд╣реИ, рд▓реЗрдХрд┐рди рдЙрдЪрд┐рдд рд╕рдорд╛рдзрд╛рди рдпрд╛ рддреЛ рдЯрд╛рдЗрдкрд┐рдВрдЧ рдХреЛ рд╕рд╣реА рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рдпрд╛ рдХреЗрд╡рд▓ module.exports.default = module.exports рдХреЛ рдореБрдЦреНрдп JS рдлрд╝рд╛рдЗрд▓ рдХреЗ рдЕрдВрдд рдореЗрдВ рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ рддрд╛рдХрд┐ рд▓реЛрдЧ рдЗрд╕реЗ ES рдореЙрдбреНрдпреВрд▓ рдХреЗ рд░реВрдк рдореЗрдВ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдорд╣рд╛рди! рдореЗрд░рд╛ рдХрд╛рдо рд╣реЛ рдЧрдпрд╛

рдиреЛрдб_рдореЙрдбреНрдпреВрд▓реНрд╕/рд╕реНрд╡реАрдЯрд▓реЗрд░реНрдЯ/рдЯрд╛рдЗрдкрд┐рдВрдЧ/рд╕реНрд╡реАрдЯрд▓рд╛рд░реНрдЯ.рдбреА.рдЯреАрдПрд╕ рд╕реЗ рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ ...
`рдЖрдпрд╛рдд рд╕реНрд╡рд╛рд▓, {SweetAlert} рд╕реЗ" ./core ";

рд╡реИрд╢реНрд╡рд┐рдХ рдШреЛрд╖рд┐рдд рдХрд░реЗрдВ {
рдХреЙрдиреНрд╕реНрдЯ рд╕реНрд╡рд╛рд▓: рд╕реНрд╡реАрдЯрдЕрд▓рд░реНрдЯ;
рдХреЙрдиреНрд╕реНрдЯ рд╕реНрд╡реАрдЯрдЕрд▓рд░реНрдЯ: рд╕реНрд╡реАрдЯрдЕрд▓рд░реНрдЯ;
}

рдирд┐рд░реНрдпрд╛рдд рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕реНрд╡рд╛рд▓;
рдиреЗрдорд╕реНрдкреЗрд╕ рд╕реНрд╡рд╛рд▓ рдХреЗ рд░реВрдк рдореЗрдВ рдирд┐рд░реНрдпрд╛рдд рдХрд░реЗрдВ; `

рдкреНрд░рддрд┐ ...

`рдЖрдпрд╛рдд рд╕реНрд╡рд╛рд▓, {SweetAlert} рд╕реЗ" ./core ";

рдирд┐рд░реНрдпрд╛рдд рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╕реНрд╡рд╛рд▓;
рдиреЗрдорд╕реНрдкреЗрд╕ рд╕реНрд╡рд╛рд▓ рдХреЗ рд░реВрдк рдореЗрдВ рдирд┐рд░реНрдпрд╛рдд рдХрд░реЗрдВ; `

рдореЗрд░реЗ рдкрд╛рд╕ ReactJS рдХреЗ рд╕рд╛рде рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА, рд▓реЗрдХрд┐рди https://github.com/sweetalert/sweetalert-with-react рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ рдареАрдХ рдХрд┐рдпрд╛

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

waldyrious picture waldyrious  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

rapeflower picture rapeflower  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

adiwithadidas picture adiwithadidas  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

sastrahost picture sastrahost  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jamieson99 picture jamieson99  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ