样式注入到html文档时顺序发生错乱（Dialog样式在Button样式之前）

[chuckyo]

vant版本：1.2.1
nuxt版本：1.4.2

哈喽，参考 #782 中 @PepperYan 的方法使用nuxt+vant构建的SSR项目

// nuxt.config.js
build {
  babel: {
    plugins: [
      [
        'component',
        {
          libraryName: 'vant',
          styleLibraryName: 'vant-css',
          style: true
        }
      ]
    ]
  }
}

// plugins/vant.js
import Vue from 'vue'
import { Button, Dialog } from 'vant'

// Button与Dialog执行的顺序并不会影响其样式注入到html文档的顺序
// 其它组件的样式会根据下面代码的顺序发生改变
// 比如若增加组件Loading，若先执行Vue.use(Loading)后执行Vue.use(Button)，
// 则Loading组件样式的style标签将位于Button组件样式的style标签下方
Vue.use(Button)
Vue.use(Dialog)

产生的结果：

由于dialog组件样式被button组件覆盖，所以UI并未按预期表现：

尝试过yarn build之后再执行yarn start也是相同的结果。

提前感谢:)

[chenjiahan]

建议去 babel-plugin-component 仓库下提问