(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d225fe7"],{e787:function(s,t,r){"use strict";r.r(t);var a=function(){var s=this,t=s.$createElement;s._self._c;return s._m(0)},e=[function(){var s=this,t=s.$createElement,r=s._self._c||t;return r("section",[r("h2",[s._v("快速上手")]),r("h3",[s._v("安装")]),r("h4",[s._v("NPM")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":""}},[s._v("npm i stc-ui -S\n")])]),r("h3",[s._v("引入组件")]),r("h4",[s._v("方式一. 使用  "),r("a",{attrs:{href:"https://github.com/ant-design/babel-plugin-import"}},[s._v("babel-plugin-import")]),s._v(" (推荐)")]),r("p",[r("code",{pre:!0},[s._v("babel-plugin-import")]),s._v(" 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-bash"}},[r("span",{pre:!0,attrs:{class:"hljs-comment"}},[s._v("# 安装 babel-plugin-import 插件")]),s._v("\nnpm i babel-plugin-import -D\n")])]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-js"}},[r("span",{pre:!0,attrs:{class:"hljs-comment"}},[s._v("// .babelrc 中配置")]),s._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[s._v("// 注意：webpack 1 无需设置 libraryDirectory")]),s._v("\n{\n  "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"plugins"')]),s._v(": [\n    ["),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"import"')]),s._v(", {\n      "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"libraryName"')]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"stc-ui"')]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"libraryDirectory"')]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"es"')]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"camel2DashComponentName"')]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"style"')]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n    }]\n  ]\n}\n\n"),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[s._v("// 对于使用 babel7 的用户，可以在 babel.config.js 中配置")]),s._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-built_in"}},[s._v("module")]),s._v(".exports = {\n  "),r("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("plugins")]),s._v(": [\n    ["),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'import'")]),s._v(", {\n      "),r("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("libraryName")]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'stc-ui'")]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("libraryDirectory")]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'es'")]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("camel2DashComponentName")]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[s._v("false")]),s._v(",\n      "),r("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("style")]),s._v(": "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[s._v("true")]),s._v("\n    }, "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'stc-ui'")]),s._v("]\n  ]\n};\n")])]),r("h4",[s._v("方式二. 导入所有组件")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":""}},[s._v("import Vue from 'vue';\nimport stcUi from 'stc-ui';\nimport 'stc-ui/lib/stc-ui.css';\n\nVue.use(stcUi);\n")])])])}],n=r("6691"),l={},p=Object(n["a"])(l,a,e,!1,null,null,null);t["default"]=p.exports}}]);
//# sourceMappingURL=chunk-2d225fe7.855964ba.js.map