Webpack 网页包可以';无法解析目录中的模块
我正在将一个旧的RequireJS/CommonJS/AMD/Knockout东西迁移到Webpack。当我试图编译代码时,会收到一条错误消息: ./Scripts/pbkdf2.js中出错 未找到模块:错误:无法解析“C:@Code\Scripts”中的“/Scripts/sha1” 我理解错误,但无法获取Webpack来解析Webpack 网页包可以';无法解析目录中的模块,webpack,requirejs,Webpack,Requirejs,我正在将一个旧的RequireJS/CommonJS/AMD/Knockout东西迁移到Webpack。当我试图编译代码时,会收到一条错误消息: ./Scripts/pbkdf2.js中出错 未找到模块:错误:无法解析“C:@Code\Scripts”中的“/Scripts/sha1” 我理解错误,但无法获取Webpack来解析/Scripts/sha1依赖项的/Scripts目录 相关网页包配置选项: config = { resolve: { modules: [ p
/Scripts/sha1
依赖项的/Scripts
目录
相关网页包配置选项:
config = {
resolve: {
modules: [
path.resolve(__dirname),
"node_modules"
]
}
}
/Scripts/pbkdf2.js
文件定义如下:
define("/Scripts/pbkdf2", ["/Scripts/sha1"], function (sha1) {
...
})
我尝试为path.resolve(\uu dirname,“Scripts”)
添加resolve.module
,但没有成功。我认为如果我这样做,然后从/Scripts/sha1
中删除/Scripts/
部分,可能会奏效,但我希望避免遍历整个项目并更新所有这些引用
如何让Webpack基于项目的根目录解析这些子目录?我认为
path.resolve(\uu dirname)
做到了这一点,但它似乎不是项目根目录,而是文件正在执行的目录?我认为我能够通过提供一个resolve.alias
将/Scripts/*
模块映射到相应的基本目录来解决我的问题。我猜RequireJS试图相对地解析路径,而不是使用我的网页resolve.modules
configuration
配置的相关更改:
config = {
resolve: {
alias: {
"/Scripts": path.resolve(__dirname, "Scripts")
}
}
}
此别名匹配所有以
/Scripts
开头的require模块,因此它似乎能够像我现在期望的那样解析我的模块。我认为我能够通过提供一个解析.alias
来解决我的问题,该别名将/Scripts/*
模块映射到相应的基本目录。我猜RequireJS试图相对地解析路径,而不是使用我的网页resolve.modules
configuration
配置的相关更改:
config = {
resolve: {
alias: {
"/Scripts": path.resolve(__dirname, "Scripts")
}
}
}
这个别名匹配所有以/Scripts
开头的require模块,因此它似乎能够像我现在期望的那样解析我的模块