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

Question

我需要将 ExtJS WebComponents 与 Nuxt.js 集成。根据 Sencha docs关于将 ExtJS 与 Vue.js 集成我需要这样编辑 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 做同样的事情。