Webpack 在脚本中导入节点模块

Question

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

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

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

问题是 script 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'
    }
}