chore: update veui, refine getting-started

one/docs/getting-started/index.md

@@ -33,11 +33,13 @@ module.exports = {
 
 关于 `babel-plugin-veui` 的更详细信息请移步[这里](/getting-started/babel-plugin-veui)。
 
-### webpack Loader
+### Vue CLI 配置
 
-综上，我们需要在项目根目录下的 `vue.config.js` 中进行如下配置
+对于需要引入默认主题包 `veui-theme-dls` 的项目，我们需要在项目根目录下的 `vue.config.js` 中进行如下配置：
 
 ```js
+const veuiLoaderOptions = require('veui-theme-dls/veui-loader-options')
+
 module.exports = {
   css: {
     loaderOptions: {
@@ -56,21 +58,7 @@ module.exports = {
       .pre()
       .use('veui-loader')
       .loader('veui-loader')
-      .tap(() => {
-        return {
-          modules: [
-            {
-              package: 'veui-theme-dls',
-              fileName: '{module}.less'
-            },
-            {
-              package: 'veui-theme-dls',
-              fileName: '{module}.js',
-              transform: false
-            }
-          ]
-        }
-      })
+      .tap(() => veuiLoaderOptions)
   }
 }
 ```
@@ -78,9 +66,9 @@ module.exports = {
 想了解配置 `veui-loader` 的更多细节，请移步[这里](/getting-started/veui-loader)。
 
 +++为什么要配置这些选项？
-VEUI 采取了样式主题与组件代码分离的开发、发布方式。组件代码对样式代码没有显式的依赖，故以源码方式引入时，需要使用 `veui-loader` 配置关联的主题包。
+VEUI 采取了样式主题与组件代码分离的开发、发布方式。组件代码对样式代码没有显式的依赖，所以需要使用 `veui-loader` 配置关联的主题包。
 
-如需使用默认的样式包 `veui-theme-dls`，我们还需要确保在 webpack 配置中引入 `veui-loader`。同时由于 Less 3+ 不再默认开启内联 JavaScript 解析，而 `veui-theme-dls` 依赖了这一功能，所以我们需要手动开启配置项。
+同时由于 Less 3+ 不再默认开启内联 JavaScript 解析，而 `veui-theme-dls` 依赖了这一功能，所以我们需要手动开启配置项。
 
 另外，由于我们采用将 VEUI 及其依赖与项目一起打包的策略，需要手动指定相关的依赖包进行转译。
 +++
@@ -94,5 +82,4 @@ VEUI 采取了样式主题与组件代码分离的开发、发布方式。组件
 
 ```js
 import 'veui-theme-dls/common.less'
-import 'focus-visible'
 ```