如何使用 babel-loader 在 es6 文件中导入 moment.js。？答案

【问题标题】：How to import moment.js in es6 file using having babel-loader.?如何使用 babel-loader 在 es6 文件中导入 moment.js。？
【发布时间】：2020-09-24 18:36:58
【问题描述】：

我正在使用 vuejs 框架，我们在其中创建了 commonjs 模块来将所有通用代码放在一起。

这也涉及到矩库。我尝试通过以下方式导入它：

import moment from 'moment';
moment();

import * as moment from 'moment';

import moment from '../node_modules/moment/moment';

但是在构建之后它会出错

Moment is not defined..

提前谢谢????

【问题讨论】：

我在下面看到您提到要避免使用任何其他软件包，但如果您不需要任何更高级的时刻，我会敦促您考虑使用 day.js 而不是 moment.js特征。它将为您节省大量头痛并减少您的捆绑包大小。您也不需要弄清楚如何填充它。这只是一个简单的import 语句。
@selfagency 感谢您的建议。但我不能在最后一刻改变图书馆。因为我们已经将我们的代码推送到生产环境中，所以我们现在要做的就是将重复的代码移动到通用模块中。这个通用模块依赖于“时刻”库。最后一个选项是使用 moment-es6 包装器。

标签： javascript vue.js ecmascript-6 momentjs es6-modules

【解决方案1】：

您是否尝试过使用moment-es6 包装器？

【讨论】：

感谢您的回复..我检查了那个包但还没有尝试过。我只是想避免任何其他包。

【解决方案2】：

你试过这样吗？我总是这样在 vue.js 中使用它

我使用的包

"moment": "^2.21.0",

/** * Moment * **/
    window.moment = require('moment');

和vue页面

 data(){
        return {
            page_data: '',
            moment: window.moment,
        }
    },

【讨论】：

感谢您的回复..但您似乎正在使用全局窗口对象..您确定使用全局窗口对象来存储时刻实例吗？