如何在 Nuxt.js 中编辑 main.js 文件？

Question

我需要将 ExtJS WebComponents 与 Nuxt.js 集成。根据关于将 ExtJS 与 Vue.js 集成的Sencha 文档，我需要以这种方式编辑 src/main.js 文件：

/*global Ext*/
import Vue from 'vue'
import App from './App.vue'
import '@sencha/ext-web-components/lib/ext-panel.component';

Ext.onReady(function() {
  new Vue({
    render: h => h(App)
  }).$mount('#app')
});

如何在 Nuxt.js 中完成？

Answer 1

您可以使用插件轻松做到这一点。我在另一个包（关于打印）上遇到了同样的问题，这就是我解决它的方法：

1.在文件夹中plugins，我创建了一个名为的文件，printHtml.js其中包含：

import Vue from 'vue';
import VueHtmlToPaper from 'vue-html-to-paper';

Vue.use(VueHtmlToPaper);

2.然后在nuxt.config.js文件中我简单地添加了：

  plugins: [
    '~plugins/printHtml.js'
  ],

就这样。:) 我能够在所有组件中使用包函数。你可以用 ExtJS 做同样的事情。