javascript - Webpack 在脚本中导入一个节点模块

Question

我有一个 Webpack angular 2 应用程序，我有一个日期选择器模块依赖于一个使用 Moment 的库。问题是，如果我不这样导入它:

<script src="./../node_modules/moment/min/moment.min.js"></script>

moment is not defined 如果我想使用它，则会引发错误。我尝试使用 require 导入时刻，但没有考虑到。

问题是脚本 src 标签在本地有效，但在 webpack 构建的版本中，我们需要部署的 node_modules 路径不再存在。除了在 lib 文件夹中硬粘贴 moment.min.js 之外，还有其他方法吗？

Answer 1

在webpack.conf.js中添加如下代码:

resolve: {
    alias: {
        'moment': 'moment/min/moment.min'
    }
}

现在您可以简单地在您的 js 文件中执行 require('moment')。

注意:默认情况下，webpack 在 node_modules 文件夹中搜索文件。您可以使用解析对象的 modules 属性指示它查看特定位置。生成的代码如下所示:

resolve: {
    modules: ['lib/','some_folder/node_modules'...],
    alias: {
        'moment': 'moment/min/moment.min'
    }
}