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);
}
});
рдореБрдЭреЗ рдпрд╣ рддреНрд░реБрдЯрд┐ рддрдм рд╢реБрд░реВ рд╣реБрдИ рдЬрдм рдореИрдВрдиреЗ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЛ рдЕрд╕рдореНрдмрджреНрдз рдХрд┐рдпрд╛ рддрд╛рдХрд┐ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ 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 рдкрд░ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИрдВ рдФрд░ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рд╕рдВрдХрд▓рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рдПрдХ рддреНрд░реБрдЯрд┐ рд╣реЛрдЧреАред
+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 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ рдареАрдХ рдХрд┐рдпрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рд╣реЗ рд▓реЛрдЧреЛрдВред
рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреЛрдгреАрдп рд╕реАрдПрд▓рдЖрдИ рдореЗрдВ
рдХреНрдпрд╛ рдЖрдкрдХреЛ рдЕрднреА рднреА
ng serve --prod
рдЪрд▓рд╛рддреЗ рд╕рдордп рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд╣реИ?рд╡реИрдХрд▓реНрдкрд┐рдХ рд░реВрдк рд╕реЗ, рдЖрдк рдЗрд╕реЗ рдХреБрдЫ рд╣рдж рддрдХ рдЧрдВрджреЗ рдХрд╛рдордХрд╛рдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ: