fix: update boilerplate code config example

This commit is contained in:
Justineo 2021-09-02 20:20:02 +08:00
parent 032446b273
commit bae6f70dda
No known key found for this signature in database
GPG Key ID: B73F0979CF18A0EA
2 changed files with 12 additions and 17 deletions

View File

@ -22,7 +22,7 @@ You need to configure the auto-generated `babel.config.js` as follows:
```js ```js
module.exports = { module.exports = {
presets: [ presets: [
'@vue/app' '@vue/cli-plugin-babel/preset'
], ],
plugins: [ plugins: [
'veui', 'veui',
@ -42,16 +42,14 @@ module.exports = {
css: { css: {
loaderOptions: { loaderOptions: {
less: { less: {
javascriptEnabled: true lessOptions: {
javascriptEnabled: true
}
} }
} }
}, },
transpileDependencies: [ transpileDependencies: ['veui'],
'veui', chainWebpack (config) {
'vue-awesome',
'resize-detector'
],
chainWebpack: config => {
config.module config.module
.rule('veui') .rule('veui')
.test(/\.vue$/) .test(/\.vue$/)

View File

@ -22,7 +22,7 @@ npm i --save-dev less less-loader veui-loader babel-plugin-veui babel-plugin-lod
```js ```js
module.exports = { module.exports = {
presets: [ presets: [
'@vue/app' '@vue/cli-plugin-babel/preset'
], ],
plugins: [ plugins: [
'veui', 'veui',
@ -42,16 +42,14 @@ module.exports = {
css: { css: {
loaderOptions: { loaderOptions: {
less: { less: {
javascriptEnabled: true lessOptions: {
javascriptEnabled: true
}
} }
} }
}, },
transpileDependencies: [ transpileDependencies: ['veui'],
'veui', chainWebpack (config) {
'vue-awesome',
'resize-detector'
],
chainWebpack: config => {
config.module config.module
.rule('veui') .rule('veui')
.test(/\.vue$/) .test(/\.vue$/)
@ -80,7 +78,6 @@ module.exports = {
想了解配置 `veui-loader` 的更多细节,请移步[这里](/getting-started/veui-loader)。 想了解配置 `veui-loader` 的更多细节,请移步[这里](/getting-started/veui-loader)。
+++为什么要配置这些选项? +++为什么要配置这些选项?
VEUI 采取了样式主题与组件代码分离的开发、发布方式。组件代码对样式代码没有显式的依赖,故以源码方式引入时,需要使用 `veui-loader` 配置关联的主题包。 VEUI 采取了样式主题与组件代码分离的开发、发布方式。组件代码对样式代码没有显式的依赖,故以源码方式引入时,需要使用 `veui-loader` 配置关联的主题包。
如需使用默认的样式包 `veui-theme-dls`,我们还需要确保在 webpack 配置中引入 `veui-loader`。同时由于 Less 3+ 不再默认开启内联 JavaScript 解析,而 `veui-theme-dls` 依赖了这一功能,所以我们需要手动开启配置项。 如需使用默认的样式包 `veui-theme-dls`,我们还需要确保在 webpack 配置中引入 `veui-loader`。同时由于 Less 3+ 不再默认开启内联 JavaScript 解析,而 `veui-theme-dls` 依赖了这一功能,所以我们需要手动开启配置项。