mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
53 lines
4.0 KiB
JavaScript
53 lines
4.0 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[25],{
|
|
|
|
/***/ 706:
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.js
|
|
var vue_esm_browser = __webpack_require__(0);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/en-US/installation.md?vue&type=template&id=18117ce5
|
|
|
|
var _hoisted_1 = {
|
|
class: "content element-doc"
|
|
};
|
|
|
|
var _hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h2 id=\"installation\"><a class=\"header-anchor\" href=\"#installation\">¶</a> Installation</h2><h3 id=\"npm\"><a class=\"header-anchor\" href=\"#npm\">¶</a> npm</h3><p>Installing with npm is recommended and it works seamlessly with <a href=\"https://webpack.js.org/\">webpack</a>.</p><pre><code class=\"hljs language-shell\">npm install element-plus --save\n</code></pre><h3 id=\"cdn\"><a class=\"header-anchor\" href=\"#cdn\">¶</a> CDN</h3><p>Get the latest version from <a href=\"https://unpkg.com/element-plus/\">unpkg.com/element-plus</a> , and import JavaScript and CSS file in your page.</p><pre><code class=\"hljs language-html\"><span class=\"hljs-comment\"><!-- import CSS --></span>\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">link</span> <span class=\"hljs-attr\">rel</span>=<span class=\"hljs-string\">"stylesheet"</span> <span class=\"hljs-attr\">href</span>=<span class=\"hljs-string\">"https://unpkg.com/element-plus/lib/theme-chalk/index.css"</span>></span>\n<span class=\"hljs-comment\"><!-- import JavaScript --></span>\n<span class=\"hljs-tag\"><<span class=\"hljs-name\">script</span> <span class=\"hljs-attr\">src</span>=<span class=\"hljs-string\">"https://unpkg.com/element-plus/lib/index.full.js"</span>></span><span class=\"hljs-tag\"></<span class=\"hljs-name\">script</span>></span>\n</code></pre><div class=\"tip\"><p>We recommend our users to lock Element Plus's version when using CDN. Please refer to <a href=\"https://unpkg.com\">unpkg.com</a> for more information.</p></div><h3 id=\"hello-world\"><a class=\"header-anchor\" href=\"#hello-world\">¶</a> Hello world</h3><p>If you are using CDN, a hello-world page is easy with Element Plus. <a href=\"https://codepen.io/iamkun/pen/YzWMaVr\">Online Demo</a></p>", 10);
|
|
|
|
var _hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("iframe", {
|
|
height: "469",
|
|
style: {
|
|
"width": "100%"
|
|
},
|
|
scrolling: "no",
|
|
title: "YzWMaVr",
|
|
src: "https://codepen.io/iamkun/embed/YzWMaVr?height=469&theme-id=light&default-tab=html,result",
|
|
frameborder: "no",
|
|
loading: "lazy",
|
|
allowtransparency: "true",
|
|
allowfullscreen: "true"
|
|
}, "\n See the Pen <a href='https://codepen.io/iamkun/pen/YzWMaVr'>YzWMaVr</a> by iamkun\n (<a href='https://codepen.io/iamkun'>@iamkun</a>) on <a href='https://codepen.io'>CodePen</a>.\n", -1);
|
|
|
|
var _hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("If you are using npm and wish to apply webpack, please continue to the next page: "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
|
href: "/#/en-US/component/quickstart"
|
|
}, "Quick Start"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(".")], -1);
|
|
|
|
function render(_ctx, _cache) {
|
|
return Object(vue_esm_browser["G" /* openBlock */])(), Object(vue_esm_browser["j" /* createBlock */])("section", _hoisted_1, [_hoisted_2, _hoisted_12, _hoisted_13]);
|
|
}
|
|
// CONCATENATED MODULE: ./website/docs/en-US/installation.md?vue&type=template&id=18117ce5
|
|
|
|
// CONCATENATED MODULE: ./website/docs/en-US/installation.md
|
|
|
|
const script = {}
|
|
script.render = render
|
|
|
|
/* harmony default export */ var installation = __webpack_exports__["default"] = (script);
|
|
|
|
/***/ })
|
|
|
|
}]); |