我有一个 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 之外,还有其他方法吗?
最佳答案
在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'
}
}
关于javascript - Webpack 在脚本中导入一个节点模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42829932/