Webpack 无法解析网页包中的加载路径
我试图将gulp+browserify迁移到webpack,但我在解决路径问题时遇到了问题 这是我的项目树:Webpack 无法解析网页包中的加载路径,webpack,Webpack,我试图将gulp+browserify迁移到webpack,但我在解决路径问题时遇到了问题 这是我的项目树: /path/to/project ├── webpack.config.js └── www/static ├── build │ ├── js │ │ ├── main.js <-------│ Output wanted │ │ └── main.js.map <---│
/path/to/project
├── webpack.config.js
└── www/static
├── build
│ ├── js
│ │ ├── main.js <-------│ Output wanted
│ │ └── main.js.map <---│
├── js
│ ├── app.js
│ ├── contact.js
│ ├── device.js
│ └── ...
└── sass
├── main.scss
└── partials
├── _helpers.scss
├── _mixins.scss
└── _variables.scss
用于测试目的的app.js内容:
var $ = require('jquery'),
Device = require('device'),
Ga = require('ga');
require('jquery.raty');
require('jquery.autoNumeric');
require('jquery.unveil');
function initialize() {}
module.exports = {
initialize: initialize,
};
当我启动webpack时,我得到了webpack的错误——显示错误详细信息:
ERROR in Entry module not found: Error: Can't resolve 'app' in '/path/to/project'
resolve 'app' in '/path/to/project'
Parsed request is a module
No description file found
resolve as module
/Users/jordid/MAWork/MA_vagrant/apps/node_modules doesn't exist or is not a directory
/Users/jordid/MAWork/MA_vagrant/node_modules doesn't exist or is not a directory
/Users/jordid/MAWork/node_modules doesn't exist or is not a directory
/Users/jordid/node_modules doesn't exist or is not a directory
/Users/node_modules doesn't exist or is not a directory
/node_modules doesn't exist or is not a directory
looking for modules in /path/to/project/node_modules
No description file found
No description file found
as directory
/path/to/project/node_modules/app doesn't exist
no extension
/path/to/project/node_modules/app doesn't exist
.js
/path/to/project/node_modules/app.js doesn't exist
.json
/path/to/project/node_modules/app.json doesn't exist
在输入模块中找不到错误:错误:无法解析“/path/to/project”中的“app”
解析“/path/to/project”中的“app”
已解析的请求是一个模块
找不到描述文件
解析为模块
/Users/jordid/MAWork/MA_vagrant/apps/node_模块不存在或不是目录
/Users/jordid/MAWork/MA_vagrant/node_modules不存在或不是目录
/Users/jordid/MAWork/node_模块不存在或不是目录
/Users/jordid/node_模块不存在或不是目录
/用户/节点\u模块不存在或不是目录
/节点\模块不存在或不是目录
正在/path/to/project/node_模块中查找模块
找不到描述文件
找不到描述文件
作为目录
/路径/目标/项目/节点\u模块/应用程序不存在
没有分机
/路径/目标/项目/节点\u模块/应用程序不存在
.js
/path/to/project/node\u modules/app.js不存在
.json
/path/to/project/node_modules/app.json不存在
我不明白为什么web包只在node_模块文件夹中搜索,而不在“www/static/js/”文件夹中搜索
对于信息,我将有多个条目,但现在我只想网页作品
感谢您的帮助。根据网页文档模块目录
应该是一个目录名数组。不是路径
例如,如果值为[“mydir”],则webpack将查找“/mydir”、“/mydir”、“../../mydir”等。
根据webpack文档模块目录应为目录名数组。不是路径
例如,如果值为[“mydir”],则webpack将在“/mydir”、“/mydir”、“../../mydir”等中查找。
获得它
我必须使用上下文
选项:
entry: { 'app': 'app.js' },
resolve: {
modulesDirectories: ['www/static/js/', './']
},
替换为:
entry: { 'app' : './app.js' },
context: path.resolve(__dirname, './www/static/js/'),
明白了
我必须使用上下文
选项:
entry: { 'app': 'app.js' },
resolve: {
modulesDirectories: ['www/static/js/', './']
},
替换为:
entry: { 'app' : './app.js' },
context: path.resolve(__dirname, './www/static/js/'),
我认为这不是正确的处理方法
我只会将我的输入文件的路径设置为绝对路径,然后忘记resolve.modulesDirecories
但那只是我。我认为这不是正确的处理方法
我只会将我的输入文件的路径设置为绝对路径,然后忘记resolve.modulesDirecories
但那只是我。是的,但我也试着用根目录:path.resolve(uu dirname,'/www/static/js/')
代替模块目录
,但它不起作用。我有一种感觉,resolve
选项都不适合我。。。我总是遇到同样的错误。是的,但我也尝试将root:path.resolve(uu dirname,'/www/static/js/')
而不是使用moduleDirectories
,但它不起作用。我有一种感觉,resolve
选项都不适合我。。。我总是犯同样的错误。