{"id":38501,"date":"2025-05-20T16:33:16","date_gmt":"2025-05-20T08:33:16","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/38501.html"},"modified":"2025-05-20T16:33:16","modified_gmt":"2025-05-20T08:33:16","slug":"elementui%e6%ba%90%e7%a0%81%e5%ad%a6%e4%b9%a0","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/38501.html","title":{"rendered":"elementUI\u6e90\u7801\u5b66\u4e60"},"content":{"rendered":"

\u5b66\u4e60\u7b14\u8bb0\u3002<\/h4>\n

\u6700\u8fd1\u5728\u770belement\u7684table\u8868\u683c\u4f18\u5316，\u53c8\u53bb\u770b\u4e86\u4e00\u4e0belement\u6e90\u7801\u6846\u67b6\u3002element \u7684\u67b6\u6784\u662f\u5f88\u4f18\u79c0，\u901a\u8fc7\u5927\u91cf\u7684\u811a\u672c\u5b9e\u73b0\u5de5\u7a0b\u5316，\u8ba9\u7ec4\u4ef6\u5e93\u7684\u5f00\u53d1\u8005\u4e13\u6ce8\u4e8e\u4e8b\u60c5\u672c\u8eab，\u6bd4\u5982\u65b0\u52a0\u7ec4\u4ef6，\u4e00\u952e\u751f\u6210\u7ec4\u4ef6\u6240\u6709\u6587\u4ef6，\u5e76\u5b8c\u6210\u8fd9\u4e9b\u6587\u4ef6\u57fa\u672c\u7ed3\u6784\u7684\u7f16\u5199\u548c\u76f8\u5173\u7684\u5f15\u5165\u914d\u7f6e，\u800c\u5f00\u53d1\u8005\u53ea\u9700\u5b8c\u6210\u7ec4\u4ef6\u5b9a\u4e49\u5c31\u884c\u4e86\u3002 element \u7684\u5de5\u7a0b\u5316\u75315\u4e2a\u90e8\u5206：build \u76ee\u5f55\u4e0b\u7684\u5de5\u7a0b\u5316\u914d\u7f6e\u548c\u811a\u672c\u3001eslint\u3001travis ci\u3001Makefile\u3001package.json \u7684 scripts\u3002 \u5f53\u524d\u4e3b\u8981\u603b\u7ed3\u5b66\u4e60\u4e00\u4e0bbuild \u76ee\u5f55\u4e0b\u7684\u5de5\u7a0b\u5316\u914d\u7f6e\u548c\u811a\u672c\u3002<\/p>\n

build<\/h4>\n

build \u76ee\u5f55\u5b58\u653e\u5de5\u7a0b\u5316\u76f8\u5173\u914d\u7f6e\u548c\u811a\u672c\u3002\u6bd4\u5982 \/build\/bin \u76ee\u5f55\u4e0b\u7684 JS \u811a\u672c\u8ba9\u7ec4\u4ef6\u5e93\u5f00\u53d1\u8005\u4e13\u6ce8\u4e8e\u7ec4\u4ef6\u7684\u5f00\u53d1，\u9664\u6b64\u4e4b\u5916\u4e0d\u9700\u8981\u7ba1\u5176\u4ed6\u4efb\u4f55\u4e8b\u60c5； build\/md-loader \u662f\u5b98\u7f51\u7ec4\u4ef6\u9875\u9762\u6839\u636e markdown \u5b9e\u73b0\u7ec4\u4ef6 demo + \u6587\u6863 \u7684\u5173\u952e；\u8fd8\u6709\u6bd4\u5982\u6301\u7eed\u96c6\u6210\u3001webpack \u914d\u7f6e\u7b49，\u63a5\u4e0b\u6765\u5c31\u8be6\u7ec6\u4ecb\u7ecd\u8fd9\u4e9b\u914d\u7f6e\u548c\u811a\u672c\u3002<\/p>\n

build\/bin\/build-entry.js<\/h4>\n

\u7ec4\u4ef6\u914d\u7f6e\u6587\u4ef6（components.json）\u7ed3\u5408\u5b57\u7b26\u4e32\u6a21\u7248\u5e93，\u81ea\u52a8\u751f\u6210 \/src\/index.js \u6587\u4ef6，\u907f\u514d\u6bcf\u6b21\u65b0\u589e\u7ec4\u4ef6\u65f6\u624b\u52a8\u5728 \/src\/index.js \u4e2d\u5f15\u5165\u548c\u5bfc\u51fa\u7ec4\u4ef6\u3002<\/p>\n

\/**
\n * \u751f\u6210 \/src\/index.js
\n * 1\u3001\u81ea\u52a8\u5bfc\u5165\u7ec4\u4ef6\u5e93\u6240\u6709\u7ec4\u4ef6
\n * 2\u3001\u5b9a\u4e49\u5168\u91cf\u6ce8\u518c\u7ec4\u4ef6\u5e93\u7ec4\u4ef6\u7684 install \u65b9\u6cd5
\n * 3\u3001\u5bfc\u51fa\u7248\u672c\u3001install\u3001\u5404\u4e2a\u7ec4\u4ef6
\n *\/<\/span><\/p>\n

\/\/ key \u4e3a\u5305\u540d\u3001\u8def\u5f84\u4e3a\u503c<\/span>
\nvar<\/span> Components =<\/span> require<\/span>(<\/span>'..\/..\/components.json'<\/span>)<\/span>;<\/span>
\nvar<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\n\/\/ \u6a21\u7248\u5e93<\/span>
\nvar<\/span> render =<\/span> require<\/span>(<\/span>'json-templater\/string'<\/span>)<\/span>;<\/span>
\n\/\/ \u8d1f\u8d23\u5c06 comp-name \u5f62\u5f0f\u7684\u5b57\u7b26\u4e32\u8f6c\u6362\u4e3a CompName<\/span>
\nvar<\/span> uppercamelcase =<\/span> require<\/span>(<\/span>'uppercamelcase'<\/span>)<\/span>;<\/span>
\nvar<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\nvar<\/span> endOfLine =<\/span> require<\/span>(<\/span>'os'<\/span>)<\/span>.<\/span>EOL<\/span>;<\/span><\/p>\n

\/\/ \u8f93\u51fa\u8def\u5f84 \/src\/index.js<\/span>
\nvar<\/span> OUTPUT_PATH<\/span> =<\/span> path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/src\/index.js'<\/span>)<\/span>;<\/span>
\n\/\/ \u5bfc\u5165\u6a21\u7248，import CompName from '..\/packages\/comp-name\/index.js'<\/span>
\nvar<\/span> IMPORT_TEMPLATE<\/span> =<\/span> 'import {{name}} from \\\\'..\/packages\/{{package}}\/index.js\\\\';'<\/span>;<\/span>
\n\/\/ ' CompName'<\/span>
\nvar<\/span> INSTALL_COMPONENT_TEMPLATE<\/span> =<\/span> ' {{name}}'<\/span>;<\/span>
\n\/\/ \/src\/index.js \u7684\u6a21\u7248<\/span>
\nvar<\/span> MAIN_TEMPLATE<\/span> =<\/span> `<\/span>\/* Automatically generated by '.\/build\/bin\/build-entry.js' *\/<\/p>\n

{{include}}
\nimport locale from 'element-ui\/src\/locale';
\nimport CollapseTransition from 'element-ui\/src\/transitions\/collapse-transition';<\/p>\n

const components = [
\n{{install}},
\n CollapseTransition
\n];<\/p>\n

const install = function(Vue, opts = {}) {
\n locale.use(opts.locale);
\n locale.i18n(opts.i18n);<\/p>\n

components.forEach(component => {
\n Vue.component(component.name, component);
\n });<\/p>\n

Vue.use(InfiniteScroll);
\n Vue.use(Loading.directive);<\/p>\n

Vue.prototype.$ELEMENT = {
\n size: opts.size || '',
\n zIndex: opts.zIndex || 2000
\n };<\/p>\n

Vue.prototype.$loading = Loading.service;
\n Vue.prototype.$msgbox = MessageBox;
\n Vue.prototype.$alert = MessageBox.alert;
\n Vue.prototype.$confirm = MessageBox.confirm;
\n Vue.prototype.$prompt = MessageBox.prompt;
\n Vue.prototype.$notify = Notification;
\n Vue.prototype.$message = Message;<\/p>\n

};<\/p>\n

\/* istanbul ignore if *\/
\nif (typeof window !== 'undefined' && window.Vue) {
\n install(window.Vue);
\n}<\/p>\n

export default {
\n version: '{{version}}',
\n locale: locale.use,
\n i18n: locale.i18n,
\n install,
\n CollapseTransition,
\n Loading,
\n{{list}}
\n};
\n<\/span>`<\/span><\/span>;<\/span><\/p>\n

delete<\/span> Components.<\/span>font;<\/span><\/p>\n

\/\/ \u5f97\u5230\u6240\u6709\u7684\u5305\u540d，[comp-name1, comp-name2]<\/span>
\nvar<\/span> ComponentNames =<\/span> Object.<\/span>keys<\/span>(<\/span>Components)<\/span>;<\/span><\/p>\n

\/\/ \u5b58\u653e\u6240\u6709\u7684 import \u8bed\u53e5<\/span>
\nvar<\/span> includeComponentTemplate =<\/span> [<\/span>]<\/span>;<\/span>
\n\/\/ \u7ec4\u4ef6\u540d\u6570\u7ec4<\/span>
\nvar<\/span> installTemplate =<\/span> [<\/span>]<\/span>;<\/span>
\n\/\/ \u7ec4\u4ef6\u540d\u6570\u7ec4<\/span>
\nvar<\/span> listTemplate =<\/span> [<\/span>]<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u7684\u5305\u540d<\/span>
\nComponentNames.<\/span>forEach<\/span>(<\/span>name<\/span> =><\/span> {<\/span>
\n \/\/ \u5c06\u8fde\u5b57\u7b26\u683c\u5f0f\u7684\u5305\u540d\u8f6c\u6362\u6210\u5927\u9a7c\u5cf0\u5f62\u5f0f，\u5c31\u662f\u7ec4\u4ef6\u540d，\u6bd4\u5982 form-item =\u300b FormItem<\/span>
\n var<\/span> componentName =<\/span> uppercamelcase<\/span>(<\/span>name)<\/span>;<\/span><\/p>\n

\/\/ \u66ff\u6362\u5bfc\u5165\u8bed\u53e5\u4e2d\u7684\u6a21\u7248\u53d8\u91cf，\u751f\u6210\u5bfc\u5165\u8bed\u53e5，import FromItem from '..\/packages\/form-item\/index.js'<\/span>
\n includeComponentTemplate.<\/span>push<\/span>(<\/span>render<\/span>(<\/span>IMPORT_TEMPLATE<\/span>,<\/span> {<\/span>
\n name:<\/span> componentName,<\/span>
\n package<\/span>:<\/span> name
\n }<\/span>)<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u8fd9\u4e9b\u7ec4\u4ef6\u4ece components \u6570\u7ec4\u4e2d\u5254\u9664，\u4e0d\u9700\u8981\u5168\u5c40\u6ce8\u518c，\u91c7\u7528\u6302\u8f7d\u5230\u539f\u578b\u94fe\u7684\u65b9\u5f0f，\u5728\u6a21\u7248\u5b57\u7b26\u4e32\u7684 install \u65b9\u6cd5\u4e2d\u6709\u5199<\/span>
\n if<\/span> (<\/span>[<\/span>'Loading'<\/span>,<\/span> 'MessageBox'<\/span>,<\/span> 'Notification'<\/span>,<\/span> 'Message'<\/span>,<\/span> 'InfiniteScroll'<\/span>]<\/span>.<\/span>indexOf<\/span>(<\/span>componentName)<\/span> ===<\/span> –<\/span>1<\/span>)<\/span> {<\/span>
\n installTemplate.<\/span>push<\/span>(<\/span>render<\/span>(<\/span>INSTALL_COMPONENT_TEMPLATE<\/span>,<\/span> {<\/span>
\n name:<\/span> componentName,<\/span>
\n component:<\/span> name
\n }<\/span>)<\/span>)<\/span>;<\/span>
\n }<\/span><\/p>\n

\/\/ \u5c06\u6240\u6709\u7684\u7ec4\u4ef6\u653e\u5230 listTemplates，\u6700\u540e\u5bfc\u51fa<\/span>
\n if<\/span> (<\/span>componentName !==<\/span> 'Loading'<\/span>)<\/span> listTemplate.<\/span>push<\/span>(<\/span>`<\/span> <\/span>${<\/span>componentName}<\/span><\/span>`<\/span><\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u66ff\u6362\u6a21\u7248\u4e2d\u7684\u56db\u4e2a\u53d8\u91cf<\/span>
\nvar<\/span> template =<\/span> render<\/span>(<\/span>MAIN_TEMPLATE<\/span>,<\/span> {<\/span>
\n include:<\/span> includeComponentTemplate.<\/span>join<\/span>(<\/span>endOfLine)<\/span>,<\/span>
\n install:<\/span> installTemplate.<\/span>join<\/span>(<\/span>','<\/span> +<\/span> endOfLine)<\/span>,<\/span>
\n version:<\/span> process.<\/span>env.<\/span>VERSION<\/span> ||<\/span> require<\/span>(<\/span>'..\/..\/package.json'<\/span>)<\/span>.<\/span>version,<\/span>
\n list:<\/span> listTemplate.<\/span>join<\/span>(<\/span>','<\/span> +<\/span> endOfLine)<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5c06\u5c31\u7eea\u7684\u6a21\u7248\u5199\u5165 \/src\/index.js<\/span>
\nfs.<\/span>writeFileSync<\/span>(<\/span>OUTPUT_PATH<\/span>,<\/span> template)<\/span>;<\/span>
\nconsole.<\/span>log<\/span>(<\/span>'[build entry] DONE:'<\/span>,<\/span> OUTPUT_PATH<\/span>)<\/span>;<\/span>
\n`<\/p>\n

\/build\/bin\/build-locale.js \u901a\u8fc7 babel \u5c06 ES Module \u98ce\u683c\u7684\u6240\u6709\u7ffb\u8bd1\u6587\u4ef6（\/src\/locale\/lang）\u8f6c\u8bd1\u6210 UMD \u98ce\u683c\u3002<\/p>\n

\/**
\n * \u901a\u8fc7 babel \u5c06 ES Module \u98ce\u683c\u7684\u7ffb\u8bd1\u6587\u4ef6\u8f6c\u8bd1\u6210 UMD \u98ce\u683c
\n *\/<\/span>
\nvar<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nvar<\/span> save =<\/span> require<\/span>(<\/span>'file-save'<\/span>)<\/span>;<\/span>
\nvar<\/span> resolve =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>.<\/span>resolve;<\/span>
\nvar<\/span> basename =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>.<\/span>basename;<\/span><\/p>\n

\/\/ \u7ffb\u8bd1\u6587\u4ef6\u76ee\u5f55，\u8fd9\u4e9b\u6587\u4ef6\u7528\u4e8e\u5b98\u7f51<\/span>
\nvar<\/span> localePath =<\/span> resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/src\/locale\/lang'<\/span>)<\/span>;<\/span>
\n\/\/ \u5f97\u5230\u76ee\u5f55\u4e0b\u7684\u6240\u6709\u7ffb\u8bd1\u6587\u4ef6<\/span>
\nvar<\/span> fileList =<\/span> fs.<\/span>readdirSync<\/span>(<\/span>localePath)<\/span>;<\/span><\/p>\n

\/\/ \u8f6c\u6362\u51fd\u6570<\/span>
\nvar<\/span> transform<\/span> =<\/span> function<\/span>(<\/span>filename,<\/span> name,<\/span> cb<\/span>)<\/span> {<\/span>
\n require<\/span>(<\/span>'babel-core'<\/span>)<\/span>.<\/span>transformFile<\/span>(<\/span>resolve<\/span>(<\/span>localePath,<\/span> filename)<\/span>,<\/span> {<\/span>
\n plugins:<\/span> [<\/span>
\n 'add-module-exports'<\/span>,<\/span>
\n [<\/span>'transform-es2015-modules-umd'<\/span>,<\/span> {<\/span>loose:<\/span> true<\/span>}<\/span>]<\/span>
\n ]<\/span>,<\/span>
\n moduleId:<\/span> name
\n }<\/span>,<\/span> cb)<\/span>;<\/span>
\n}<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u6587\u4ef6<\/span>
\nfileList
\n \/\/ \u53ea\u5904\u7406 js \u6587\u4ef6，\u5176\u5b9e\u76ee\u5f55\u4e0b\u4e0d\u5b58\u5728\u975e js \u6587\u4ef6<\/span>
\n .<\/span>filter<\/span>(<\/span>function<\/span>(<\/span>file<\/span>)<\/span> {<\/span>
\n return<\/span> \/<\/span>\\\\.js$<\/span>\/<\/span><\/span>.<\/span>test<\/span>(<\/span>file)<\/span>;<\/span>
\n }<\/span>)<\/span>
\n .<\/span>forEach<\/span>(<\/span>function<\/span>(<\/span>file<\/span>)<\/span> {<\/span>
\n var<\/span> name =<\/span> basename<\/span>(<\/span>file,<\/span> '.js'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u8c03\u7528\u8f6c\u6362\u51fd\u6570，\u5c06\u8f6c\u6362\u540e\u7684\u4ee3\u7801\u5199\u5165\u5230 lib\/umd\/locale \u76ee\u5f55\u4e0b<\/span>
\n transform<\/span>(<\/span>file,<\/span> name,<\/span> function<\/span>(<\/span>err,<\/span> result<\/span>)<\/span> {<\/span>
\n if<\/span> (<\/span>err)<\/span> {<\/span>
\n console.<\/span>error<\/span>(<\/span>err)<\/span>;<\/span>
\n }<\/span> else<\/span> {<\/span>
\n var<\/span> code =<\/span> result.<\/span>code;<\/span><\/p>\n

code =<\/span> code
\n .<\/span>replace<\/span>(<\/span>'define(\\\\''<\/span>,<\/span> 'define(\\\\'element\/locale\/'<\/span>)<\/span>
\n .<\/span>replace<\/span>(<\/span>'global.'<\/span>,<\/span> 'global.ELEMENT.lang = global.ELEMENT.lang || {}; \\\\n global.ELEMENT.lang.'<\/span>)<\/span>;<\/span>
\n save<\/span>(<\/span>resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/lib\/umd\/locale'<\/span>,<\/span> file)<\/span>)<\/span>.<\/span>write<\/span>(<\/span>code)<\/span>;<\/span><\/p>\n

console.<\/span>log<\/span>(<\/span>file)<\/span>;<\/span>
\n }<\/span>
\n }<\/span>)<\/span>;<\/span>
\n }<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/gen-cssfile.js \u81ea\u52a8\u5728 \/packages\/theme-chalk\/src\/index.scss|css \u4e2d\u5f15\u5165\u5404\u4e2a\u7ec4\u4ef6\u5305\u7684\u6837\u5f0f，\u5728\u5168\u91cf\u6ce8\u518c\u7ec4\u4ef6\u5e93\u65f6\u9700\u8981\u7528\u5230\u8fd9\u4e2a\u6837\u5f0f\u6587\u4ef6，\u5373 import 'packages\/theme-chalk\/src\/index.scss\u3002<\/p>\n

\/**
\n * \u81ea\u52a8\u5728 \/packages\/theme-chalk\/src\/index.scss|css \u4e2d\u5f15\u5165\u5404\u4e2a\u7ec4\u4ef6\u5305\u7684\u6837\u5f0f
\n * \u5728\u5168\u91cf\u6ce8\u518c\u7ec4\u4ef6\u5e93\u65f6\u9700\u8981\u7528\u5230\u8be5\u6837\u5f0f\u6587\u4ef6，\u5373 import 'packages\/theme-chalk\/src\/index.scss
\n *\/<\/span>
\nvar<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nvar<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\nvar<\/span> Components =<\/span> require<\/span>(<\/span>'..\/..\/components.json'<\/span>)<\/span>;<\/span>
\nvar<\/span> themes =<\/span> [<\/span>
\n 'theme-chalk'<\/span>
\n]<\/span>;<\/span>
\n\/\/ \u5f97\u5230\u6240\u6709\u7684\u5305\u540d<\/span>
\nComponents =<\/span> Object.<\/span>keys<\/span>(<\/span>Components)<\/span>;<\/span>
\n\/\/ \u6240\u6709\u7ec4\u4ef6\u5305\u7684\u57fa\u7840\u8def\u5f84，\/packages<\/span>
\nvar<\/span> basepath =<\/span> path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/packages\/'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5224\u65ad\u6307\u5b9a\u6587\u4ef6\u662f\u5426\u5b58\u5728<\/span>
\nfunction<\/span> fileExists<\/span>(<\/span>filePath<\/span>)<\/span> {<\/span>
\n try<\/span> {<\/span>
\n return<\/span> fs.<\/span>statSync<\/span>(<\/span>filePath)<\/span>.<\/span>isFile<\/span>(<\/span>)<\/span>;<\/span>
\n }<\/span> catch<\/span> (<\/span>err)<\/span> {<\/span>
\n return<\/span> false<\/span>;<\/span>
\n }<\/span>
\n}<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u7ec4\u4ef6\u5305，\u751f\u6210\u5f15\u5165\u6240\u6709\u7ec4\u4ef6\u5305\u6837\u5f0f\u7684 import \u8bed\u53e5，\u7136\u540e\u81ea\u52a8\u751f\u6210 packages\/theme-chalk\/src\/index.scss|css \u6587\u4ef6<\/span>
\nthemes.<\/span>forEach<\/span>(<\/span>(<\/span>theme<\/span>)<\/span> =><\/span> {<\/span>
\n \/\/ \u662f\u5426\u662f scss，element-ui \u9ed8\u8ba4\u4f7f\u7528 scss \u7f16\u5199\u6837\u5f0f<\/span>
\n var<\/span> isSCSS =<\/span> theme !==<\/span> 'theme-default'<\/span>;<\/span>
\n \/\/ \u5bfc\u5165\u57fa\u7840\u6837\u5f0f\u6587\u4ef6 @import ".\/base.scss|css";\\\\n<\/span>
\n var<\/span> indexContent =<\/span> isSCSS ?<\/span> '@import ".\/base.scss";\\\\n'<\/span> :<\/span> '@import ".\/base.css";\\\\n'<\/span>;<\/span>
\n \/\/ \u904d\u5386\u6240\u6709\u7ec4\u4ef6\u5305，\u5e76\u751f\u6210 @import ".\/comp-package.scss|css";\\\\n<\/span>
\n Components.<\/span>forEach<\/span>(<\/span>function<\/span>(<\/span>key<\/span>)<\/span> {<\/span>
\n \/\/ \u8df3\u8fc7\u8fd9\u4e09\u4e2a\u7ec4\u4ef6\u5305<\/span>
\n if<\/span> (<\/span>[<\/span>'icon'<\/span>,<\/span> 'option'<\/span>,<\/span> 'option-group'<\/span>]<\/span>.<\/span>indexOf<\/span>(<\/span>key)<\/span> ><\/span> –<\/span>1<\/span>)<\/span> return<\/span>;<\/span>
\n \/\/ comp-package.scss|css<\/span>
\n var<\/span> fileName =<\/span> key +<\/span> (<\/span>isSCSS ?<\/span> '.scss'<\/span> :<\/span> '.css'<\/span>)<\/span>;<\/span>
\n \/\/ \u5bfc\u5165\u8bed\u53e5，@import ".\/comp-package.scss|css";\\\\n<\/span>
\n indexContent +=<\/span> '@import ".\/'<\/span> +<\/span> fileName +<\/span> '";\\\\n'<\/span>;<\/span>
\n \/\/ \u5982\u679c\u8be5\u7ec4\u4ef6\u5305\u7684\u6837\u5f0f\u6587\u4ef6\u4e0d\u5b58\u5728，\u6bd4\u5982 \/packages\/form-item\/theme-chalk\/src\/form-item.scss \u4e0d\u5b58\u5728，\u5219\u8ba4\u4e3a\u5176\u88ab\u9057\u6f0f\u4e86，\u521b\u5efa\u8be5\u6587\u4ef6<\/span>
\n var<\/span> filePath =<\/span> path.<\/span>resolve<\/span>(<\/span>basepath,<\/span> theme,<\/span> 'src'<\/span>,<\/span> fileName)<\/span>;<\/span>
\n if<\/span> (<\/span>!<\/span>fileExists<\/span>(<\/span>filePath)<\/span>)<\/span> {<\/span>
\n fs.<\/span>writeFileSync<\/span>(<\/span>filePath,<\/span> ''<\/span>,<\/span> 'utf8'<\/span>)<\/span>;<\/span>
\n console.<\/span>log<\/span>(<\/span>theme,<\/span> ' \u521b\u5efa\u9057\u6f0f\u7684 '<\/span>,<\/span> fileName,<\/span> ' \u6587\u4ef6'<\/span>)<\/span>;<\/span>
\n }<\/span>
\n }<\/span>)<\/span>;<\/span>
\n \/\/ \u751f\u6210 \/packages\/theme-chalk\/src\/index.scss|css，\u8d1f\u8d23\u5f15\u5165\u6240\u6709\u7ec4\u4ef6\u5305\u7684\u6837\u5f0f<\/span>
\n fs.<\/span>writeFileSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>basepath,<\/span> theme,<\/span> 'src'<\/span>,<\/span> isSCSS ?<\/span> 'index.scss'<\/span> :<\/span> 'index.css'<\/span>)<\/span>,<\/span> indexContent)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/i18n.js \u6839\u636e\u6a21\u7248（\/examples\/pages\/template）\u751f\u6210\u56db\u79cd\u8bed\u8a00\u7684\u5b98\u7f51\u9875\u9762\u7684 .vue \u6587\u4ef6\u3002<\/p>\n

'use strict'<\/span>;<\/span><\/p>\n

var<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nvar<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\n\/\/ \u5b98\u7f51\u9875\u9762\u7ffb\u8bd1\u914d\u7f6e，\u5185\u7f6e\u4e86\u56db\u79cd\u8bed\u8a00<\/span>
\nvar<\/span> langConfig =<\/span> require<\/span>(<\/span>'..\/..\/examples\/i18n\/page.json'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u8bed\u8a00<\/span>
\nlangConfig.<\/span>forEach<\/span>(<\/span>lang<\/span> =><\/span> {<\/span>
\n \/\/ \u521b\u5efa \/examples\/pages\/{lang}，\u6bd4\u5982: \/examples\/pages\/zh-CN<\/span>
\n try<\/span> {<\/span>
\n fs.<\/span>statSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/pages\/<\/span>${<\/span> lang.<\/span>lang }<\/span><\/span>`<\/span><\/span>)<\/span>)<\/span>;<\/span>
\n }<\/span> catch<\/span> (<\/span>e)<\/span> {<\/span>
\n fs.<\/span>mkdirSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/pages\/<\/span>${<\/span> lang.<\/span>lang }<\/span><\/span>`<\/span><\/span>)<\/span>)<\/span>;<\/span>
\n }<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u7684\u9875\u9762，\u6839\u636e page.tpl \u81ea\u52a8\u751f\u6210\u5bf9\u5e94\u8bed\u8a00\u7684 .vue \u6587\u4ef6<\/span>
\n Object.<\/span>keys<\/span>(<\/span>lang.<\/span>pages)<\/span>.<\/span>forEach<\/span>(<\/span>page<\/span> =><\/span> {<\/span>
\n \/\/ \u6bd4\u5982 \/examples\/pages\/template\/index.tpl<\/span>
\n var<\/span> templatePath =<\/span> path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/pages\/template\/<\/span>${<\/span> page }<\/span><\/span>.tpl<\/span>`<\/span><\/span>)<\/span>;<\/span>
\n \/\/ \/examples\/pages\/zh-CN\/index.vue<\/span>
\n var<\/span> outputPath =<\/span> path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/pages\/<\/span>${<\/span> lang.<\/span>lang }<\/span><\/span>\/<\/span>${<\/span> page }<\/span><\/span>.vue<\/span>`<\/span><\/span>)<\/span>;<\/span>
\n \/\/ \u8bfb\u53d6\u6a21\u7248\u6587\u4ef6<\/span>
\n var<\/span> content =<\/span> fs.<\/span>readFileSync<\/span>(<\/span>templatePath,<\/span> 'utf8'<\/span>)<\/span>;<\/span>
\n \/\/ \u8bfb\u53d6 index \u9875\u9762\u7684\u6240\u6709\u952e\u503c\u5bf9\u7684\u914d\u7f6e<\/span>
\n var<\/span> pairs =<\/span> lang.<\/span>pages[<\/span>page]<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u8fd9\u4e9b\u952e\u503c\u5bf9，\u901a\u8fc7\u6b63\u5219\u5339\u914d\u7684\u65b9\u5f0f\u66ff\u6362\u6389\u6a21\u7248\u4e2d\u5bf9\u5e94\u7684 key<\/span>
\n Object.<\/span>keys<\/span>(<\/span>pairs)<\/span>.<\/span>forEach<\/span>(<\/span>key<\/span> =><\/span> {<\/span>
\n content =<\/span> content.<\/span>replace<\/span>(<\/span>new<\/span> RegExp<\/span>(<\/span>`<\/span><%=\\\\\\\\s*<\/span>${<\/span> key }<\/span><\/span>\\\\\\\\s*><\/span>`<\/span><\/span>,<\/span> 'g'<\/span>)<\/span>,<\/span> pairs[<\/span>key]<\/span>)<\/span>;<\/span>
\n }<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5c06\u66ff\u6362\u540e\u7684\u5185\u5bb9\u5199\u5165 vue \u6587\u4ef6<\/span>
\n fs.<\/span>writeFileSync<\/span>(<\/span>outputPath,<\/span> content)<\/span>;<\/span>
\n }<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/iconInit.js \u6839\u636e icon.scss \u6837\u5f0f\u6587\u4ef6\u4e2d\u7684\u9009\u62e9\u5668，\u901a\u8fc7\u6b63\u5219\u5339\u914d\u7684\u65b9\u5f0f，\u5339\u914d\u51fa\u6240\u6709\u7684 icon \u540d\u79f0，\u7136\u540e\u5c06\u8fd9\u4e9b icon \u540d\u7ec4\u6210\u6570\u7ec4，\u5c06\u6570\u7ec4\u5199\u5165\u5230 \/examples\/icon.json \u6587\u4ef6\u4e2d，\u8be5\u6587\u4ef6\u5728\u5b98\u7f51\u7684 icon \u56fe\u6807\u9875\u7528\u6765\u81ea\u52a8\u751f\u6210\u6240\u6709\u7684 icon \u56fe\u6807\u3002<\/p>\n

'use strict'<\/span>;<\/span><\/p>\n

\/**
\n * \u6839\u636e icon.scss \u6837\u5f0f\u6587\u4ef6\u4e2d\u7684\u9009\u62e9\u5668，\u901a\u8fc7\u6b63\u5219\u5339\u914d\u7684\u65b9\u5f0f，\u5339\u914d\u51fa\u6240\u6709\u7684 icon \u540d\u79f0，
\n * \u7136\u540e\u5c06\u6240\u6709 icon \u540d\u7ec4\u6210\u7684\u6570\u7ec4\u5199\u5165\u5230 \/examples\/icon.json \u6587\u4ef6\u4e2d
\n * \u8be5\u6587\u4ef6\u5728\u5b98\u7f51\u7684 icon \u56fe\u6807\u9875\u7528\u6765\u81ea\u52a8\u751f\u6210\u6240\u6709\u7684 icon \u56fe\u6807
\n *\/<\/span>
\nvar<\/span> postcss =<\/span> require<\/span>(<\/span>'postcss'<\/span>)<\/span>;<\/span>
\nvar<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nvar<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\n\/\/ icon.scss \u6587\u4ef6\u5185\u5bb9<\/span>
\nvar<\/span> fontFile =<\/span> fs.<\/span>readFileSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/packages\/theme-chalk\/src\/icon.scss'<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>;<\/span>
\n\/\/ \u5f97\u5230\u6837\u5f0f\u8282\u70b9<\/span>
\nvar<\/span> nodes =<\/span> postcss.<\/span>parse<\/span>(<\/span>fontFile)<\/span>.<\/span>nodes;<\/span>
\nvar<\/span> classList =<\/span> [<\/span>]<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u6240\u6709\u7684\u6837\u5f0f\u8282\u70b9<\/span>
\nnodes.<\/span>forEach<\/span>(<\/span>(<\/span>node<\/span>)<\/span> =><\/span> {<\/span>
\n \/\/ \u4ece\u9009\u62e9\u5668\u4e2d\u5339\u914d\u51fa icon \u540d\u79f0，\u6bd4\u5982 el-icon-add，\u5339\u914d\u5f97\u5230 add<\/span>
\n var<\/span> selector =<\/span> node.<\/span>selector ||<\/span> ''<\/span>;<\/span>
\n var<\/span> reg =<\/span> new<\/span> RegExp<\/span>(<\/span>\/<\/span>\\\\.el-icon-([^:]+):before<\/span>\/<\/span><\/span>)<\/span>;<\/span>
\n var<\/span> arr =<\/span> selector.<\/span>match<\/span>(<\/span>reg)<\/span>;<\/span><\/p>\n

\/\/ \u5c06 icon \u540d\u79f0\u5199\u5165\u6570\u7ec4,<\/span>
\n if<\/span> (<\/span>arr &&<\/span> arr[<\/span>1<\/span>]<\/span>)<\/span> {<\/span>
\n classList.<\/span>push<\/span>(<\/span>arr[<\/span>1<\/span>]<\/span>)<\/span>;<\/span>
\n }<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

classList.<\/span>reverse<\/span>(<\/span>)<\/span>;<\/span> \/\/ \u5e0c\u671b\u6309 css \u6587\u4ef6\u987a\u5e8f\u5012\u5e8f\u6392\u5217<\/span><\/p>\n

\/\/ \u5c06 icon \u540d\u7ec4\u6210\u7684\u6570\u7ec4\u5199\u5165 \/examples\/icon.json \u6587\u4ef6<\/span>
\nfs.<\/span>writeFile<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/icon.json'<\/span>)<\/span>,<\/span> JSON<\/span>.<\/span>stringify<\/span>(<\/span>classList)<\/span>,<\/span> (<\/span>)<\/span> =><\/span> {<\/span>}<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/new-lang.js \u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u8bed\u8a00，\u6bd4\u5982 fr（\u6cd5\u8bed），\u5206\u522b\u4e3a\u6d89\u53ca\u5230\u7684\u6587\u4ef6（components.json\u3001page.json\u3001route.json\u3001nav.config.json\u3001docs）\u8bbe\u7f6e\u8be5\u8bed\u8a00\u7684\u76f8\u5173\u914d\u7f6e，\u5177\u4f53\u7684\u914d\u7f6e\u9879\u9ed8\u8ba4\u4e3a\u82f1\u8bed，\u4f60\u53ea\u9700\u8981\u5728\u76f8\u5e94\u7684\u6587\u4ef6\u4e2d\u5c06\u8fd9\u4e9b\u82f1\u6587\u914d\u7f6e\u9879\u7ffb\u8bd1\u4e3a\u5bf9\u5e94\u7684\u8bed\u8a00\u5373\u53ef\u3002<\/p>\n

'use strict'<\/span>;<\/span><\/p>\n

\/**
\n * \u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u8bed\u8a00，\u6bd4\u5982 fr（\u6cd5\u8bed）
\n * \u5206\u522b\u4e3a\u6d89\u53ca\u5230\u7684\u6587\u4ef6（components.json\u3001page.json\u3001route.json\u3001nav.config.json\u3001docs）\u8bbe\u7f6e\u8be5\u8bed\u8a00\u7684\u76f8\u5173\u914d\u7f6e
\n * \u5177\u4f53\u7684\u914d\u7f6e\u9879\u9ed8\u8ba4\u4e3a\u82f1\u8bed，\u4f60\u53ea\u9700\u8981\u5728\u76f8\u5e94\u7684\u6587\u4ef6\u4e2d\u5c06\u8fd9\u4e9b\u82f1\u6587\u914d\u7f6e\u9879\u7ffb\u8bd1\u4e3a\u5bf9\u5e94\u7684\u8bed\u8a00\u5373\u53ef
\n *\/<\/span><\/p>\n

console.<\/span>log<\/span>(<\/span>)<\/span>;<\/span>
\nprocess.<\/span>on<\/span>(<\/span>'exit'<\/span>,<\/span> (<\/span>)<\/span> =><\/span> {<\/span>
\n console.<\/span>log<\/span>(<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

if<\/span> (<\/span>!<\/span>process.<\/span>argv[<\/span>2<\/span>]<\/span>)<\/span> {<\/span>
\n console.<\/span>error<\/span>(<\/span>'[language] is required!'<\/span>)<\/span>;<\/span>
\n process.<\/span>exit<\/span>(<\/span>1<\/span>)<\/span>;<\/span>
\n}<\/span><\/p>\n

var<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nconst<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\nconst<\/span> fileSave =<\/span> require<\/span>(<\/span>'file-save'<\/span>)<\/span>;<\/span>
\nconst<\/span> lang =<\/span> process.<\/span>argv[<\/span>2<\/span>]<\/span>;<\/span>
\n\/\/ const configPath = path.resolve(__dirname, '..\/..\/examples\/i18n', lang);<\/span><\/p>\n

\/\/ \u6dfb\u52a0\u5230 components.json<\/span>
\nconst<\/span> componentFile =<\/span> require<\/span>(<\/span>'..\/..\/examples\/i18n\/component.json'<\/span>)<\/span>;<\/span>
\nif<\/span> (<\/span>componentFile.<\/span>some<\/span>(<\/span>item<\/span> =><\/span> item.<\/span>lang ===<\/span> lang)<\/span>)<\/span> {<\/span>
\n console.<\/span>error<\/span>(<\/span>`<\/span>${<\/span>lang}<\/span><\/span> already exists.<\/span>`<\/span><\/span>)<\/span>;<\/span>
\n process.<\/span>exit<\/span>(<\/span>1<\/span>)<\/span>;<\/span>
\n}<\/span>
\nlet<\/span> componentNew =<\/span> Object.<\/span>assign<\/span>(<\/span>{<\/span>}<\/span>,<\/span> componentFile.<\/span>filter<\/span>(<\/span>item<\/span> =><\/span> item.<\/span>lang ===<\/span> 'en-US'<\/span>)<\/span>[<\/span>0<\/span>]<\/span>,<\/span> {<\/span> lang }<\/span>)<\/span>;<\/span>
\ncomponentFile.<\/span>push<\/span>(<\/span>componentNew)<\/span>;<\/span>
\nfileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/i18n\/component.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>componentFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u6dfb\u52a0\u5230 page.json<\/span>
\nconst<\/span> pageFile =<\/span> require<\/span>(<\/span>'..\/..\/examples\/i18n\/page.json'<\/span>)<\/span>;<\/span>
\n\/\/ \u65b0\u8bed\u8a00\u7684\u9ed8\u8ba4\u914d\u7f6e\u4e3a\u82f1\u8bed，\u4f60\u53ea\u9700\u8981\u53bb page.json \u4e2d\u5c06\u8be5\u8bed\u8a00\u914d\u7f6e\u4e2d\u7684\u5e94\u4e3a\u7ffb\u8bd1\u4e3a\u8be5\u8bed\u8a00\u5373\u53ef<\/span>
\nlet<\/span> pageNew =<\/span> Object.<\/span>assign<\/span>(<\/span>{<\/span>}<\/span>,<\/span> pageFile.<\/span>filter<\/span>(<\/span>item<\/span> =><\/span> item.<\/span>lang ===<\/span> 'en-US'<\/span>)<\/span>[<\/span>0<\/span>]<\/span>,<\/span> {<\/span> lang }<\/span>)<\/span>;<\/span>
\npageFile.<\/span>push<\/span>(<\/span>pageNew)<\/span>;<\/span>
\nfileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/i18n\/page.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>pageFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u6dfb\u52a0\u5230 route.json<\/span>
\nconst<\/span> routeFile =<\/span> require<\/span>(<\/span>'..\/..\/examples\/i18n\/route.json'<\/span>)<\/span>;<\/span>
\nrouteFile.<\/span>push<\/span>(<\/span>{<\/span> lang }<\/span>)<\/span>;<\/span>
\nfileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/i18n\/route.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>routeFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u6dfb\u52a0\u5230 nav.config.json<\/span>
\nconst<\/span> navFile =<\/span> require<\/span>(<\/span>'..\/..\/examples\/nav.config.json'<\/span>)<\/span>;<\/span>
\nnavFile[<\/span>lang]<\/span> =<\/span> navFile[<\/span>'en-US'<\/span>]<\/span>;<\/span>
\nfileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/nav.config.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>navFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ docs \u4e0b\u65b0\u5efa\u5bf9\u5e94\u6587\u4ef6\u5939<\/span>
\ntry<\/span> {<\/span>
\n fs.<\/span>statSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/docs\/<\/span>${<\/span> lang }<\/span><\/span>`<\/span><\/span>)<\/span>)<\/span>;<\/span>
\n}<\/span> catch<\/span> (<\/span>e)<\/span> {<\/span>
\n fs.<\/span>mkdirSync<\/span>(<\/span>path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> `<\/span>..\/..\/examples\/docs\/<\/span>${<\/span> lang }<\/span><\/span>`<\/span><\/span>)<\/span>)<\/span>;<\/span>
\n}<\/span><\/p>\n

console.<\/span>log<\/span>(<\/span>'DONE!'<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/new.js \u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u7ec4\u4ef6\u65f6\u4f1a\u4f7f\u7528\u8be5\u811a\u672c，\u4e00\u952e\u751f\u6210\u7ec4\u4ef6\u6240\u6709\u6587\u4ef6\u5e76\u5b8c\u6210\u8fd9\u4e9b\u6587\u4ef6\u57fa\u672c\u7ed3\u6784\u7684\u7f16\u5199\u548c\u76f8\u5173\u7684\u5f15\u5165\u914d\u7f6e，\u603b\u5171\u6d89\u53ca 13 \u4e2a\u6587\u4ef6\u7684\u6dfb\u52a0\u548c\u6539\u52a8，\u6bd4\u5982：make new city \u57ce\u5e02\u5217\u8868\u3002\u8be5\u811a\u672c\u7684\u5b58\u5728，\u8ba9\u4f60\u4e3a\u7ec4\u4ef6\u5e93\u5f00\u53d1\u65b0\u7ec4\u4ef6\u65f6，\u53ea\u9700\u4e13\u6ce8\u4e8e\u7ec4\u4ef6\u4ee3\u7801\u7684\u7f16\u5199\u5373\u53ef，\u5176\u5b83\u7684\u4e00\u6982\u4e0d\u7528\u7ba1\u3002<\/p>\n

'use strict'<\/span>;<\/span><\/p>\n

\/**
\n * \u6dfb\u52a0\u65b0\u7ec4\u4ef6
\n * \u6bd4\u5982：make new city \u57ce\u5e02\u5217\u8868
\n * 1\u3001\u5728 \/packages \u76ee\u5f55\u4e0b\u65b0\u5efa\u7ec4\u4ef6\u76ee\u5f55，\u5e76\u5b8c\u6210\u76ee\u5f55\u7ed3\u6784\u7684\u521b\u5efa
\n * 2\u3001\u521b\u5efa\u7ec4\u4ef6\u6587\u6863，\/examples\/docs\/{lang}\/city.md
\n * 3\u3001\u521b\u5efa\u7ec4\u4ef6\u5355\u5143\u6d4b\u8bd5\u6587\u4ef6，\/test\/unit\/specs\/city.spec.js
\n * 4\u3001\u521b\u5efa\u7ec4\u4ef6\u6837\u5f0f\u6587\u4ef6，\/packages\/theme-chalk\/src\/city.scss
\n * 5\u3001\u521b\u5efa\u7ec4\u4ef6\u7c7b\u578b\u58f0\u660e\u6587\u4ef6，\/types\/city.d.ts
\n * 6\u3001\u914d\u7f6e
\n * \u5728 \/components.json \u6587\u4ef6\u4e2d\u914d\u7f6e\u7ec4\u4ef6\u4fe1\u606f
\n * \u5728 \/examples\/nav.config.json \u4e2d\u6dfb\u52a0\u8be5\u7ec4\u4ef6\u7684\u8def\u7531\u914d\u7f6e
\n * \u5728 \/packages\/theme-chalk\/src\/index.scss \u6587\u4ef6\u4e2d\u81ea\u52a8\u5f15\u5165\u8be5\u7ec4\u4ef6\u7684\u6837\u5f0f\u6587\u4ef6
\n * \u5c06\u7c7b\u578b\u58f0\u660e\u6587\u4ef6\u5728 \/types\/element-ui.d.ts \u4e2d\u81ea\u52a8\u5f15\u5165
\n * \u603b\u4e4b，\u8be5\u811a\u672c\u7684\u5b58\u5728，\u8ba9\u4f60\u53ea\u9700\u4e13\u6ce8\u4e8e\u7f16\u5199\u4f60\u7684\u7ec4\u4ef6\u4ee3\u7801，\u5176\u5b83\u7684\u4e00\u6982\u4e0d\u7528\u7ba1
\n *\/<\/span><\/p>\n

console.<\/span>log<\/span>(<\/span>)<\/span>;<\/span>
\nprocess.<\/span>on<\/span>(<\/span>'exit'<\/span>,<\/span> (<\/span>)<\/span> =><\/span> {<\/span>
\n console.<\/span>log<\/span>(<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

if<\/span> (<\/span>!<\/span>process.<\/span>argv[<\/span>2<\/span>]<\/span>)<\/span> {<\/span>
\n console.<\/span>error<\/span>(<\/span>'[\u7ec4\u4ef6\u540d]\u5fc5\u586b – Please enter new component name'<\/span>)<\/span>;<\/span>
\n process.<\/span>exit<\/span>(<\/span>1<\/span>)<\/span>;<\/span>
\n}<\/span><\/p>\n

const<\/span> path =<\/span> require<\/span>(<\/span>'path'<\/span>)<\/span>;<\/span>
\nconst<\/span> fs =<\/span> require<\/span>(<\/span>'fs'<\/span>)<\/span>;<\/span>
\nconst<\/span> fileSave =<\/span> require<\/span>(<\/span>'file-save'<\/span>)<\/span>;<\/span>
\nconst<\/span> uppercamelcase =<\/span> require<\/span>(<\/span>'uppercamelcase'<\/span>)<\/span>;<\/span>
\n\/\/ \u7ec4\u4ef6\u540d\u79f0，\u6bd4\u5982 city<\/span>
\nconst<\/span> componentname =<\/span> process.<\/span>argv[<\/span>2<\/span>]<\/span>;<\/span>
\n\/\/ \u7ec4\u4ef6\u7684\u4e2d\u6587\u540d\u79f0<\/span>
\nconst<\/span> chineseName =<\/span> process.<\/span>argv[<\/span>3<\/span>]<\/span> ||<\/span> componentname;<\/span>
\n\/\/ \u5c06\u7ec4\u4ef6\u540d\u79f0\u8f6c\u6362\u4e3a\u5927\u9a7c\u5cf0\u5f62\u5f0f，city => City<\/span>
\nconst<\/span> ComponentName =<\/span> uppercamelcase<\/span>(<\/span>componentname)<\/span>;<\/span>
\n\/\/ \u7ec4\u4ef6\u5305\u76ee\u5f55，\/packages\/city<\/span>
\nconst<\/span> PackagePath =<\/span> path.<\/span>resolve<\/span>(<\/span>__dirname,<\/span> '..\/..\/packages'<\/span>,<\/span> componentname)<\/span>;<\/span>
\n\/\/ \u9700\u8981\u6dfb\u52a0\u7684\u6587\u4ef6\u5217\u8868\u548c\u6587\u4ef6\u5185\u5bb9\u7684\u57fa\u672c\u7ed3\u6784<\/span>
\nconst<\/span> Files =<\/span> [<\/span>
\n \/\/ \/packages\/city\/index.js<\/span>
\n {<\/span>
\n filename:<\/span> 'index.js'<\/span>,<\/span>
\n \/\/ \u6587\u4ef6\u5185\u5bb9，\u5f15\u5165\u7ec4\u4ef6，\u5b9a\u4e49\u7ec4\u4ef6\u9759\u6001\u65b9\u6cd5 install \u7528\u6765\u6ce8\u518c\u7ec4\u4ef6，\u7136\u540e\u5bfc\u51fa\u7ec4\u4ef6<\/span>
\n content:<\/span> `<\/span>import <\/span>${<\/span>ComponentName}<\/span><\/span> from '.\/src\/main';<\/p>\n

\/* istanbul ignore next *\/
\n<\/span>${<\/span>ComponentName}<\/span><\/span>.install = function(Vue) {
\n Vue.component(<\/span>${<\/span>ComponentName}<\/span><\/span>.name, <\/span>${<\/span>ComponentName}<\/span><\/span>);
\n};<\/p>\n

export default <\/span>${<\/span>ComponentName}<\/span><\/span>;<\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n \/\/ \u5b9a\u4e49\u7ec4\u4ef6\u7684\u57fa\u672c\u7ed3\u6784，\/packages\/city\/src\/main.vue<\/span>
\n {<\/span>
\n filename:<\/span> 'src\/main.vue'<\/span>,<\/span>
\n \/\/ \u6587\u4ef6\u5185\u5bb9，sfc<\/span>
\n content:<\/span> `<\/span><template>
\n <div class="el-<\/span>${<\/span>componentname}<\/span><\/span>"><\/div>
\n<\/template><\/p>\n

<script>
\nexport default {
\n name: 'El<\/span>${<\/span>ComponentName}<\/span><\/span>'
\n};
\n<\/script><\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n \/\/ \u56db\u79cd\u8bed\u8a00\u7684\u6587\u6863，\/examples\/docs\/{lang}\/city.md，\u5e76\u8bbe\u7f6e\u6587\u4ef6\u6807\u9898<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/examples\/docs\/zh-CN'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.md<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n content:<\/span> `<\/span>## <\/span>${<\/span>ComponentName}<\/span><\/span> <\/span>${<\/span>chineseName}<\/span><\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/examples\/docs\/en-US'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.md<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n content:<\/span> `<\/span>## <\/span>${<\/span>ComponentName}<\/span><\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/examples\/docs\/es'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.md<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n content:<\/span> `<\/span>## <\/span>${<\/span>ComponentName}<\/span><\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/examples\/docs\/fr-FR'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.md<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n content:<\/span> `<\/span>## <\/span>${<\/span>ComponentName}<\/span><\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n \/\/ \u7ec4\u4ef6\u6d4b\u8bd5\u6587\u4ef6，\/test\/unit\/specs\/city.spec.js<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/test\/unit\/specs'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.spec.js<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n \/\/ \u6587\u4ef6\u5185\u5bb9，\u7ed9\u51fa\u6d4b\u8bd5\u6587\u4ef6\u7684\u57fa\u672c\u7ed3\u6784<\/span>
\n content:<\/span> `<\/span>import { createTest, destroyVM } from '..\/util';
\nimport <\/span>${<\/span>ComponentName}<\/span><\/span> from 'packages\/<\/span>${<\/span>componentname}<\/span><\/span>';<\/p>\n

describe('<\/span>${<\/span>ComponentName}<\/span><\/span>', () => {
\n let vm;
\n afterEach(() => {
\n destroyVM(vm);
\n });<\/p>\n

it('create', () => {
\n vm = createTest(<\/span>${<\/span>ComponentName}<\/span><\/span>, true);
\n expect(vm.$el).to.exist;
\n });
\n});
\n<\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n \/\/ \u7ec4\u4ef6\u6837\u5f0f\u6587\u4ef6，\/packages\/theme-chalk\/src\/city.scss<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/packages\/theme-chalk\/src'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.scss<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n \/\/ \u6587\u4ef6\u57fa\u672c\u7ed3\u6784<\/span>
\n content:<\/span> `<\/span>@import "mixins\/mixins";
\n@import "common\/var";<\/p>\n

@include b(<\/span>${<\/span>componentname}<\/span><\/span>) {
\n}<\/span>`<\/span><\/span>
\n }<\/span>,<\/span>
\n \/\/ \u7ec4\u4ef6\u7c7b\u578b\u58f0\u660e\u6587\u4ef6<\/span>
\n {<\/span>
\n filename:<\/span> path.<\/span>join<\/span>(<\/span>'..\/..\/types'<\/span>,<\/span> `<\/span>${<\/span>componentname}<\/span><\/span>.d.ts<\/span>`<\/span><\/span>)<\/span>,<\/span>
\n \/\/ \u7c7b\u578b\u58f0\u660e\u6587\u4ef6\u57fa\u672c\u7ed3\u6784<\/span>
\n content:<\/span> `<\/span>import { ElementUIComponent } from '.\/component'<\/p>\n

\/** <\/span>${<\/span>ComponentName}<\/span><\/span> Component *\/
\nexport declare class El<\/span>${<\/span>ComponentName}<\/span><\/span> extends ElementUIComponent {
\n}<\/span>`<\/span><\/span>
\n }<\/span>
\n]<\/span>;<\/span><\/p>\n

\/\/ \u5c06\u7ec4\u4ef6\u6dfb\u52a0\u5230 components.json，{ City: '.\/packages\/city\/index.js' }<\/span>
\nconst<\/span> componentsFile =<\/span> require<\/span>(<\/span>'..\/..\/components.json'<\/span>)<\/span>;<\/span>
\nif<\/span> (<\/span>componentsFile[<\/span>componentname]<\/span>)<\/span> {<\/span>
\n console.<\/span>error<\/span>(<\/span>`<\/span>${<\/span>componentname}<\/span><\/span> \u5df2\u5b58\u5728.<\/span>`<\/span><\/span>)<\/span>;<\/span>
\n process.<\/span>exit<\/span>(<\/span>1<\/span>)<\/span>;<\/span>
\n}<\/span>
\ncomponentsFile[<\/span>componentname]<\/span> =<\/span> `<\/span>.\/packages\/<\/span>${<\/span>componentname}<\/span><\/span>\/index.js<\/span>`<\/span><\/span>;<\/span>
\nfileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/components.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>componentsFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5c06\u7ec4\u4ef6\u6837\u5f0f\u6587\u4ef6\u5728 index.scss \u4e2d\u5f15\u5165<\/span>
\nconst<\/span> sassPath =<\/span> path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/packages\/theme-chalk\/src\/index.scss'<\/span>)<\/span>;<\/span>
\nconst<\/span> sassImportText =<\/span> `<\/span>${<\/span>fs.<\/span>readFileSync<\/span>(<\/span>sassPath)<\/span>}<\/span><\/span>@import ".\/<\/span>${<\/span>componentname}<\/span><\/span>.scss";<\/span>`<\/span><\/span>;<\/span>
\nfileSave<\/span>(<\/span>sassPath)<\/span>
\n .<\/span>write<\/span>(<\/span>sassImportText,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5c06\u7ec4\u4ef6\u7684\u7c7b\u578b\u58f0\u660e\u6587\u4ef6\u5728 element-ui.d.ts \u4e2d\u5f15\u5165<\/span>
\nconst<\/span> elementTsPath =<\/span> path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/types\/element-ui.d.ts'<\/span>)<\/span>;<\/span><\/p>\n

let<\/span> elementTsText =<\/span> `<\/span>${<\/span>fs.<\/span>readFileSync<\/span>(<\/span>elementTsPath)<\/span>}<\/span><\/span>
\n\/** <\/span>${<\/span>ComponentName}<\/span><\/span> Component *\/
\nexport class <\/span>${<\/span>ComponentName}<\/span><\/span> extends El<\/span>${<\/span>ComponentName}<\/span><\/span> {}<\/span>`<\/span><\/span>;<\/span><\/p>\n

const<\/span> index =<\/span> elementTsText.<\/span>indexOf<\/span>(<\/span>'export'<\/span>)<\/span> –<\/span> 1<\/span>;<\/span>
\nconst<\/span> importString =<\/span> `<\/span>import { El<\/span>${<\/span>ComponentName}<\/span><\/span> } from '.\/<\/span>${<\/span>componentname}<\/span><\/span>'<\/span>`<\/span><\/span>;<\/span><\/p>\n

elementTsText =<\/span> elementTsText.<\/span>slice<\/span>(<\/span>0<\/span>,<\/span> index)<\/span> +<\/span> importString +<\/span> '\\\\n'<\/span> +<\/span> elementTsText.<\/span>slice<\/span>(<\/span>index)<\/span>;<\/span><\/p>\n

fileSave<\/span>(<\/span>elementTsPath)<\/span>
\n .<\/span>write<\/span>(<\/span>elementTsText,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386 Files \u6570\u7ec4，\u521b\u5efa\u5217\u51fa\u7684\u6240\u6709\u6587\u4ef6\u5e76\u5199\u5165\u6587\u4ef6\u5185\u5bb9<\/span>
\nFiles.<\/span>forEach<\/span>(<\/span>file<\/span> =><\/span> {<\/span>
\n fileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>PackagePath,<\/span> file.<\/span>filename)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>file.<\/span>content,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u5728 nav.config.json \u4e2d\u6dfb\u52a0\u65b0\u7ec4\u4ef6\u5bf9\u5e94\u7684\u8def\u7531\u914d\u7f6e<\/span>
\nconst<\/span> navConfigFile =<\/span> require<\/span>(<\/span>'..\/..\/examples\/nav.config.json'<\/span>)<\/span>;<\/span><\/p>\n

\/\/ \u904d\u5386\u914d\u7f6e\u4e2d\u7684\u5404\u4e2a\u8bed\u8a00，\u5728\u6240\u6709\u8bed\u8a00\u914d\u7f6e\u4e2d\u90fd\u589e\u52a0\u8be5\u7ec4\u4ef6\u7684\u8def\u7531\u914d\u7f6e<\/span>
\nObject.<\/span>keys<\/span>(<\/span>navConfigFile)<\/span>.<\/span>forEach<\/span>(<\/span>lang<\/span> =><\/span> {<\/span>
\n let<\/span> groups =<\/span> navConfigFile[<\/span>lang]<\/span>[<\/span>4<\/span>]<\/span>.<\/span>groups;<\/span>
\n groups[<\/span>groups.<\/span>length –<\/span> 1<\/span>]<\/span>.<\/span>list.<\/span>push<\/span>(<\/span>{<\/span>
\n path:<\/span> `<\/span>\/<\/span>${<\/span>componentname}<\/span><\/span>`<\/span><\/span>,<\/span>
\n title:<\/span> lang ===<\/span> 'zh-CN'<\/span> &&<\/span> componentname !==<\/span> chineseName
\n ?<\/span> `<\/span>${<\/span>ComponentName}<\/span><\/span> <\/span>${<\/span>chineseName}<\/span><\/span>`<\/span><\/span>
\n :<\/span> ComponentName
\n }<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/p>\n

fileSave<\/span>(<\/span>path.<\/span>join<\/span>(<\/span>__dirname,<\/span> '..\/..\/examples\/nav.config.json'<\/span>)<\/span>)<\/span>
\n .<\/span>write<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>navConfigFile,<\/span> null<\/span>,<\/span> ' '<\/span>)<\/span>,<\/span> 'utf8'<\/span>)<\/span>
\n .<\/span>end<\/span>(<\/span>'\\\\n'<\/span>)<\/span>;<\/span><\/p>\n

console.<\/span>log<\/span>(<\/span>'DONE!'<\/span>)<\/span>;<\/span><\/p>\n

\/build\/bin\/template.js \u76d1\u542c \/examples\/pages\/template \u76ee\u5f55\u4e0b\u7684\u6240\u6709\u6a21\u7248\u6587\u4ef6，\u5f53\u6a21\u7248\u6587\u4ef6\u53d1\u751f\u6539\u53d8\u65f6\u81ea\u52a8\u6267\u884c npm run i18n，\u5373\u6267\u884c i18n.js \u811a\u672c，\u91cd\u65b0\u751f\u6210\u56db\u79cd\u8bed\u8a00\u7684 .vue \u6587\u4ef6\u3002<\/p>\n

\/**
\n * \u76d1\u542c \/examples\/pages\/template \u76ee\u5f55\u4e0b\u7684\u6240\u6709\u6a21\u7248\u6587\u4ef6，\u5f53\u6a21\u7248\u6587\u4ef6\u53d1\u751f\u6539\u53d8\u65f6\u81ea\u52a8\u6267\u884c npm run i18n，
\n * \u5373\u6267\u884c i18n.js \u811a\u672c，\u91cd\u65b0\u751f\u6210\u56db\u79cd\u8bed\u8a00\u7684 .vue \u6587\u4ef6
\n *\/<\/p>\n

const path = require('path');
\n\/\/ \u76d1\u542c\u76ee\u5f55
\nconst templates = path.resolve(process.cwd(), '.\/examples\/pages\/template');<\/p>\n

\/\/ \u8d1f\u8d23\u76d1\u542c\u7684\u5e93
\nconst chokidar = require('chokidar');
\n\/\/ \u76d1\u542c\u6a21\u677f\u76ee\u5f55
\nlet watcher = chokidar.watch([templates]);<\/p>\n

\/\/ \u5f53\u76ee\u5f55\u4e0b\u7684\u6587\u4ef6\u53d1\u751f\u6539\u53d8\u65f6，\u81ea\u52a8\u6267\u884c npm run i18n
\nwatcher.on('ready', function() {
\n watcher
\n .on('change', function() {
\n exec('npm run i18n');
\n });
\n});<\/p>\n

\/\/ \u8d1f\u8d23\u6267\u884c\u547d\u4ee4
\nfunction exec(cmd) {
\n return require('child_process').execSync(cmd).toString().trim();
\n}<\/p>\n

\/build\/bin\/version.js \u6839\u636e \/package.json \u6587\u4ef6，\u81ea\u52a8\u751f\u6210 \/examples\/version.json，\u7528\u4e8e\u8bb0\u5f55\u7ec4\u4ef6\u5e93\u7684\u7248\u672c\u4fe1\u606f，\u8fd9\u4e9b\u7248\u672c\u6d17\u6d17\u5728\u5b98\u7f51\u7ec4\u4ef6\u9875\u9762\u7684\u5934\u90e8\u5bfc\u822a\u680f\u4f1a\u7528\u5230\u3002<\/p>\n

\/**
\n * \u6839\u636e package.json \u81ea\u52a8\u751f\u6210 \/examples\/version.json，\u7528\u4e8e\u8bb0\u5f55\u7ec4\u4ef6\u5e93\u7684\u7248\u672c\u4fe1\u606f
\n * \u8fd9\u4e9b\u7248\u672c\u4fe1\u606f\u5728\u5b98\u7f51\u7ec4\u4ef6\u9875\u9762\u7684\u5934\u90e8\u5bfc\u822a\u680f\u4f1a\u7528\u5230
\n *\/
\nvar fs = require('fs');
\nvar path = require('path');
\nvar version = process.env.VERSION || require('..\/..\/package.json').version;
\nvar content = { '1.4.13': '1.4', '2.0.11': '2.0', '2.1.0': '2.1', '2.2.2': '2.2', '2.3.9': '2.3', '2.4.11': '2.4', '2.5.4': '2.5', '2.6.3': '2.6', '2.7.2': '2.7', '2.8.2': '2.8', '2.9.2': '2.9', '2.10.1': '2.10', '2.11.1': '2.11', '2.12.0': '2.12', '2.13.2': '2.13', '2.14.1': '2.14' };
\nif (!content[version]) content[version] = '2.15';
\nfs.writeFileSync(path.resolve(__dirname, '..\/..\/examples\/versions.json'), JSON.stringify(content));<\/p>\n

\/build\/md-loader \u5b83\u662f\u4e00\u4e2a loader，\u5b98\u7f51\u7ec4\u4ef6\u9875\u9762\u7684 \u7ec4\u4ef6 demo + \u6587\u6863\u7684\u6a21\u5f0f\u4e00\u5927\u534a\u7684\u529f\u52b3\u90fd\u662f\u6e90\u81ea\u4e8e\u5b83\u3002<\/p>\n

\u53ef\u4ee5\u5728 \/examples\/route.config.js \u4e2d\u770b\u5230 registerRoute \u65b9\u6cd5\u751f\u6210\u7ec4\u4ef6\u9875\u9762\u7684\u8def\u7531\u914d\u7f6e\u65f6，\u4f7f\u7528 loadDocs \u65b9\u6cd5\u52a0\u8f7d\/examples\/docs\/{lang}\/comp.md \u3002\u6ce8\u610f，\u8fd9\u91cc\u52a0\u8f7d\u7684 markdown \u6587\u6863，\u800c\u4e0d\u662f\u5e73\u65f6\u5e38\u89c1\u7684 vue \u6587\u4ef6，\u4f46\u662f\u5374\u80fd\u60f3 vue \u6587\u4ef6\u4e00\u6837\u5728\u9875\u9762\u4e0a\u6e32\u67d3\u6210\u4e00\u4e2a Vue \u7ec4\u4ef6，\u8fd9\u662f\u600e\u4e48\u505a\u5230\u7684\u5462？<\/p>\n

\u6211\u4eec\u77e5\u9053，webpack \u7684\u7406\u5ff5\u662f\u4e00\u5207\u8d44\u6e90\u90fd\u53ef\u4ee5 require，\u53ea\u9700\u914d\u7f6e\u76f8\u5e94\u7684 loader \u5373\u53ef\u3002\u5728 \/build\/webpack.demo.js \u6587\u4ef6\u4e2d\u7684 module.rules \u4e0b\u53ef\u4ee5\u770b\u5230\u5bf9 markdow（.md) \u89c4\u5219\u7684\u5904\u7406，\u5148\u901a\u8fc7 md-loader \u5904\u7406 markdown \u6587\u4ef6，\u4ece\u4e2d\u89e3\u6790\u51fa vue \u4ee3\u7801，\u7136\u540e\u4ea4\u7ed9 vue-loader，\u6700\u7ec8\u751f\u6210 sfc（vue \u5355\u6587\u4ef6\u7ec4\u4ef6）\u6e32\u67d3\u5230\u9875\u9762\u3002\u8fd9\u5c31\u80fd\u770b\u5230\u7ec4\u4ef6\u9875\u9762\u7684\u6587\u6863 + \u7ec4\u4ef6 demo \u5c55\u793a\u6548\u679c\u3002<\/p>\n

{
\n test: \/\\\\.md$\/,
\n use: [
\n {
\n loader: 'vue-loader',
\n options: {
\n compilerOptions: {
\n preserveWhitespace: false
\n }
\n }
\n },
\n {
\n loader: path.resolve(__dirname, '.\/md-loader\/index.js')
\n }
\n ]
\n}<\/p>\n

\u5982\u679c\u5bf9 loader \u7684\u5177\u4f53\u5b9e\u73b0\u611f\u5174\u8da3\u53ef\u4ee5\u81ea\u884c\u6df1\u5165\u9605\u8bfb\u3002<\/p>\n

\/build\/config.js webpack \u7684\u516c\u5171\u914d\u7f6e，\u6bd4\u5982 externals\u3001alias \u7b49\u3002\u901a\u8fc7 externals \u7684\u914d\u7f6e\u89e3\u51b3\u4e86\u7ec4\u4ef6\u5e93\u90e8\u5206\u4ee3\u7801\u7684\u5197\u4f59\u95ee\u9898，\u6bd4\u5982\u7ec4\u4ef6\u548c\u7ec4\u4ef6\u5e93\u516c\u5171\u6a21\u5757\u7684\u4ee3\u7801，\u4f46\u662f\u7ec4\u4ef6\u6837\u5f0f\u5197\u4f59\u95ee\u9898\u6ca1\u6709\u5f97\u5230\u89e3\u51b3；alias \u522b\u540d\u914d\u7f6e\u4e3a\u5f00\u53d1\u7ec4\u4ef6\u5e93\u63d0\u4f9b\u4e86\u65b9\u4fbf\u3002<\/p>\n

\/**
\n * webpack \u516c\u5171\u914d\u7f6e，\u6bd4\u5982 externals\u3001alias
\n *\/
\nvar path = require('path');
\nvar fs = require('fs');
\nvar nodeExternals = require('webpack-node-externals');
\nvar Components = require('..\/components.json');<\/p>\n

var utilsList = fs.readdirSync(path.resolve(__dirname, '..\/src\/utils'));
\nvar mixinsList = fs.readdirSync(path.resolve(__dirname, '..\/src\/mixins'));
\nvar transitionList = fs.readdirSync(path.resolve(__dirname, '..\/src\/transitions'));
\n\/**
\n * externals \u89e3\u51b3\u7ec4\u4ef6\u4f9d\u8d56\u5176\u5b83\u7ec4\u4ef6\u5e76\u6309\u9700\u5f15\u5165\u65f6\u4ee3\u7801\u5197\u4f59\u7684\u95ee\u9898
\n * \u6bd4\u5982 Table \u7ec4\u4ef6\u4f9d\u8d56 Checkbox \u7ec4\u4ef6，\u5728\u9879\u76ee\u4e2d\u5982\u679c\u6211\u540c\u65f6\u5f15\u5165 Table \u548c Checkbox \u65f6，\u4f1a\u4e0d\u4f1a\u4ea7\u751f\u5197\u4f59\u4ee3\u7801
\n * \u5982\u679c\u6ca1\u6709\u4ee5\u4e0b\u5185\u5bb9\u7684\u7684\u8bdd，\u4f1a，\u8fd9\u65f6\u5019\u4f60\u4f1a\u770b\u5230\u6709\u4e24\u4efd Checkbox \u7ec4\u4ef6\u4ee3\u7801\u3002
\n * \u5305\u62ec locale\u3001utils\u3001mixins\u3001transitions \u8fd9\u4e9b\u516c\u5171\u5185\u5bb9，\u4e5f\u4f1a\u51fa\u73b0\u5197\u4f59\u4ee3\u7801
\n * \u4f46\u6709\u4e86 externals \u7684\u8bbe\u7f6e，\u5c31\u4f1a\u5c06\u544a\u8bc9 webpack \u4e0d\u9700\u8981\u5c06\u8fd9\u4e9b import \u7684\u5305\u6253\u5305\u5230 bundle \u4e2d，\u8fd0\u884c\u65f6\u518d\u4ece\u5916\u90e8\u53bb
\n * \u83b7\u53d6\u8fd9\u4e9b\u6269\u5c55\u4f9d\u8d56\u3002\u8fd9\u6837\u5c31\u53ef\u4ee5\u5728\u6253\u5305\u540e \/lib\/tables.js \u4e2d\u770b\u5230\u7f16\u8bd1\u540e\u7684 table.js \u5bf9 Checkbox \u7ec4\u4ef6\u7684\u4f9d\u8d56\u5f15\u5165：
\n * module.exports = require("element-ui\/lib\/checkbox")
\n * \u8fd9\u4e48\u5904\u7406\u4e4b\u540e\u5c31\u4e0d\u4f1a\u51fa\u73b0\u5197\u4f59\u7684 JS \u4ee3\u7801，\u4f46\u662f\u5bf9\u4e8e CSS \u90e8\u5206，element-ui \u5e76\u672a\u5904\u7406\u5197\u4f59\u60c5\u51b5\u3002
\n * \u53ef\u4ee5\u770b\u5230 \/lib\/theme-chalk\/table.css \u548c \/lib\/theme-chalk\/checkbox.css \u4e2d\u90fd\u6709 Checkbox \u7ec4\u4ef6\u7684\u6837\u5f0f
\n *\/
\nvar externals = {};<\/p>\n

Object.keys(Components).forEach(function(key) {
\n externals[`element-ui\/packages\/${key}`] = `element-ui\/lib\/${key}`;
\n});<\/p>\n

externals['element-ui\/src\/locale'] = 'element-ui\/lib\/locale';
\nutilsList.forEach(function(file) {
\n file = path.basename(file, '.js');
\n externals[`element-ui\/src\/utils\/${file}`] = `element-ui\/lib\/utils\/${file}`;
\n});
\nmixinsList.forEach(function(file) {
\n file = path.basename(file, '.js');
\n externals[`element-ui\/src\/mixins\/${file}`] = `element-ui\/lib\/mixins\/${file}`;
\n});
\ntransitionList.forEach(function(file) {
\n file = path.basename(file, '.js');
\n externals[`element-ui\/src\/transitions\/${file}`] = `element-ui\/lib\/transitions\/${file}`;
\n});<\/p>\n

externals = [Object.assign({
\n vue: 'vue'
\n}, externals), nodeExternals()];<\/p>\n

exports.externals = externals;<\/p>\n

\/\/ \u8bbe\u7f6e\u522b\u540d，\u65b9\u4fbf\u4f7f\u7528
\nexports.alias = {
\n main: path.resolve(__dirname, '..\/src'),
\n packages: path.resolve(__dirname, '..\/packages'),
\n examples: path.resolve(__dirname, '..\/examples'),
\n 'element-ui': path.resolve(__dirname, '..\/')
\n};<\/p>\n

exports.vue = {
\n root: 'Vue',
\n commonjs: 'vue',
\n commonjs2: 'vue',
\n amd: 'vue'
\n};<\/p>\n

exports.jsexclude = \/node_modules|utils\\\\\/popper\\\\.js|utils\\\\\/date\\\\.js\/;<\/p>\n","protected":false},"excerpt":{"rendered":"

\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e27\u6b21\uff0c\u6536\u85cf15\u6b21\u3002element \u7684\u67b6\u6784\u662f\u5f88\u4f18\u79c0\uff0c\u901a\u8fc7\u5927\u91cf\u7684\u811a\u672c\u5b9e\u73b0\u5de5\u7a0b\u5316\uff0c\u8ba9\u7ec4\u4ef6\u5e93\u7684\u5f00\u53d1\u8005\u4e13\u6ce8\u4e8e\u4e8b\u60c5\u672c\u8eab\uff0c\u6bd4\u5982\u65b0\u52a0\u7ec4\u4ef6\uff0c\u4e00\u952e\u751f\u6210\u7ec4\u4ef6\u6240\u6709\u6587\u4ef6\uff0c\u5e76\u5b8c\u6210\u8fd9\u4e9b\u6587\u4ef6\u57fa\u672c\u7ed3\u6784\u7684\u7f16\u5199\u548c\u76f8\u5173\u7684\u5f15\u5165\u914d\u7f6e\uff0c\u800c\u5f00\u53d1\u8005\u53ea\u9700\u5b8c\u6210\u7ec4\u4ef6\u5b9a\u4e49\u5c31\u884c\u4e86\u3002\u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u8bed\u8a00\uff0c\u6bd4\u5982 fr\uff08\u6cd5\u8bed\uff09\uff0c\u5206\u522b\u4e3a\u6d89\u53ca\u5230\u7684\u6587\u4ef6\uff08components.json\u3001page.json\u3001route.json\u3001nav.config.json\u3001docs\uff09\u8bbe\u7f6e\u8be5\u8bed\u8a00\u7684\u76f8\u5173\u914d\u7f6e\uff0c\u5177\u4f53\u7684\u914d\u7f6e\u9879\u9ed8\u8ba4\u4e3a\u82f1\u8bed\uff0c\u4f60\u53ea\u9700\u8981\u5728\u76f8\u5e94\u7684\u6587\u4ef6\u4e2d\u5c06\u8fd9\u4e9b\u82f1\u6587\u914d\u7f6e\u9879\u7ffb\u8bd1\u4e3a\u5bf9\u5e94\u7684\u8bed\u8a00\u5373\u53ef\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[3381,87,371],"topic":[],"class_list":["post-38501","post","type-post","status-publish","format-standard","hentry","category-server","tag-elementui","tag-87","tag-371"],"yoast_head":"\nelementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/38501.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"elementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e27\u6b21\uff0c\u6536\u85cf15\u6b21\u3002element \u7684\u67b6\u6784\u662f\u5f88\u4f18\u79c0\uff0c\u901a\u8fc7\u5927\u91cf\u7684\u811a\u672c\u5b9e\u73b0\u5de5\u7a0b\u5316\uff0c\u8ba9\u7ec4\u4ef6\u5e93\u7684\u5f00\u53d1\u8005\u4e13\u6ce8\u4e8e\u4e8b\u60c5\u672c\u8eab\uff0c\u6bd4\u5982\u65b0\u52a0\u7ec4\u4ef6\uff0c\u4e00\u952e\u751f\u6210\u7ec4\u4ef6\u6240\u6709\u6587\u4ef6\uff0c\u5e76\u5b8c\u6210\u8fd9\u4e9b\u6587\u4ef6\u57fa\u672c\u7ed3\u6784\u7684\u7f16\u5199\u548c\u76f8\u5173\u7684\u5f15\u5165\u914d\u7f6e\uff0c\u800c\u5f00\u53d1\u8005\u53ea\u9700\u5b8c\u6210\u7ec4\u4ef6\u5b9a\u4e49\u5c31\u884c\u4e86\u3002\u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u8bed\u8a00\uff0c\u6bd4\u5982 fr\uff08\u6cd5\u8bed\uff09\uff0c\u5206\u522b\u4e3a\u6d89\u53ca\u5230\u7684\u6587\u4ef6\uff08components.json\u3001page.json\u3001route.json\u3001nav.config.json\u3001docs\uff09\u8bbe\u7f6e\u8be5\u8bed\u8a00\u7684\u76f8\u5173\u914d\u7f6e\uff0c\u5177\u4f53\u7684\u914d\u7f6e\u9879\u9ed8\u8ba4\u4e3a\u82f1\u8bed\uff0c\u4f60\u53ea\u9700\u8981\u5728\u76f8\u5e94\u7684\u6587\u4ef6\u4e2d\u5c06\u8fd9\u4e9b\u82f1\u6587\u914d\u7f6e\u9879\u7ffb\u8bd1\u4e3a\u5bf9\u5e94\u7684\u8bed\u8a00\u5373\u53ef\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/38501.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-20T08:33:16+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/38501.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/38501.html\",\"name\":\"elementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2025-05-20T08:33:16+00:00\",\"dateModified\":\"2025-05-20T08:33:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/38501.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/38501.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/38501.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"elementUI\u6e90\u7801\u5b66\u4e60\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"elementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/38501.html","og_locale":"zh_CN","og_type":"article","og_title":"elementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb1k\u6b21\uff0c\u70b9\u8d5e27\u6b21\uff0c\u6536\u85cf15\u6b21\u3002element \u7684\u67b6\u6784\u662f\u5f88\u4f18\u79c0\uff0c\u901a\u8fc7\u5927\u91cf\u7684\u811a\u672c\u5b9e\u73b0\u5de5\u7a0b\u5316\uff0c\u8ba9\u7ec4\u4ef6\u5e93\u7684\u5f00\u53d1\u8005\u4e13\u6ce8\u4e8e\u4e8b\u60c5\u672c\u8eab\uff0c\u6bd4\u5982\u65b0\u52a0\u7ec4\u4ef6\uff0c\u4e00\u952e\u751f\u6210\u7ec4\u4ef6\u6240\u6709\u6587\u4ef6\uff0c\u5e76\u5b8c\u6210\u8fd9\u4e9b\u6587\u4ef6\u57fa\u672c\u7ed3\u6784\u7684\u7f16\u5199\u548c\u76f8\u5173\u7684\u5f15\u5165\u914d\u7f6e\uff0c\u800c\u5f00\u53d1\u8005\u53ea\u9700\u5b8c\u6210\u7ec4\u4ef6\u5b9a\u4e49\u5c31\u884c\u4e86\u3002\u4e3a\u7ec4\u4ef6\u5e93\u6dfb\u52a0\u65b0\u8bed\u8a00\uff0c\u6bd4\u5982 fr\uff08\u6cd5\u8bed\uff09\uff0c\u5206\u522b\u4e3a\u6d89\u53ca\u5230\u7684\u6587\u4ef6\uff08components.json\u3001page.json\u3001route.json\u3001nav.config.json\u3001docs\uff09\u8bbe\u7f6e\u8be5\u8bed\u8a00\u7684\u76f8\u5173\u914d\u7f6e\uff0c\u5177\u4f53\u7684\u914d\u7f6e\u9879\u9ed8\u8ba4\u4e3a\u82f1\u8bed\uff0c\u4f60\u53ea\u9700\u8981\u5728\u76f8\u5e94\u7684\u6587\u4ef6\u4e2d\u5c06\u8fd9\u4e9b\u82f1\u6587\u914d\u7f6e\u9879\u7ffb\u8bd1\u4e3a\u5bf9\u5e94\u7684\u8bed\u8a00\u5373\u53ef\u3002","og_url":"https:\/\/www.wsisp.com\/helps\/38501.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2025-05-20T08:33:16+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"12 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/38501.html","url":"https:\/\/www.wsisp.com\/helps\/38501.html","name":"elementUI\u6e90\u7801\u5b66\u4e60 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2025-05-20T08:33:16+00:00","dateModified":"2025-05-20T08:33:16+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/38501.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/38501.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/38501.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"elementUI\u6e90\u7801\u5b66\u4e60"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/38501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=38501"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/38501\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=38501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=38501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=38501"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=38501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}