Vue + Webpack + Meteor 客户端

Question

我想将来自 NPM 的 meteor-client-side 集成到 vue.js Webpack 项目中。项目是用vueCli生成的。

这是我的 main.js 文件：

import Vue from 'vue'
import App from './App'
require('meteor-client-side')

console.log(Meteor.status())
/* eslint-disable no-new */
new Vue({
  el: 'body',
  components: { App }
})

使用 console.log 我得到一个 eslint 错误 'Meteor is not defined'，但是当我在浏览器控制台上尝试 Meteor.status() 时它工作正常。

我做错了什么？

我不想在 meteor 中使用 vue，我需要在这个非 meteor 项目中使用 meteor-client-side。

非常感谢您的帮助

Answer 1

尝试

var Meteor = require('meteor-client-side');

console.log(Meteor.status())

如果您想在代码中使用节点模块，您需要将其分配给一个变量，例如 var $ = require('jquery');。但是如果 JS 只是自己做事而你不需要引用它，你可以只需要它，比如：

var $ = var jQuery = require('jquery');  //sets $ to jquery
require('bootstrap');                    //just extends jquery, no need to save reference

Vue + Webpack + Meteor 客户端

Vue + Webpack + Meteor Client Side

meteor

webpack

vue.js