[Bug Report]连续Button vue/cli 3.0.0以上 默认间隔消失

[Coang]

Environment

win10/chrome 84.0.522.63/ vue 2.5.10

Reproduction link

https://run.iviewui.com/X5wOqL3X

Steps to reproduce

iview-admin项目重现:

https://github.com/iview/iview-admin
1.项目初始化 将iview组件 升级至view-design 4.3.2
2.替换iview相关引用
3.随意页面增加连续Button按钮

vue项目重现 vue-cli >= 3.0.0

1.vue create-project hello world
2.npm install vue-design --save
3.随意页面增加连续Button按钮

What is expected?

连续Button按钮之间存在默认间隔

What is actually happening?

连续Button按钮之间无间隔 组件粘连在一起

---

vue-cli 版本大于3.0.0 新建项目 引入view-design 连续按钮之间都没有默认间隔 需要手动补充间隔

[JHeLiu]

我也遇到了这个问题，兄弟解决了吗

[JHeLiu]

@Coang HI 兄弟 我找到了问题，这是 VUE CLI升级的问题， 这里有你想要的问题

vuejs/vue#10485 (comment)

我已经解决了 需要在 配置文件中设置 适用于VUE CLI 3X 版本，我的是4X 已经解决

  chainWebpack: config => {

    config.module
    .rule('vue')
    .use('vue-loader')
    .loader('vue-loader')
    .tap(options => {
      options.compilerOptions.whitespace  = "preserve"
      return options
    });
  }