我是webpack的新手并尝试使用其中的一些脚手架。
我正在尝试为webpack配置添加别名。
resolve: {
alias: {
'_utils': path.join(PATH_SRC, '/utils'),
},
}
它在构建过程中解析得很好:
./src/utils/debounce.js
但是当我尝试在浏览器中加载页面时,别名路径无法解决。
我觉得我必须遗漏一些基本的东西......我是否需要将这些设置传递给热装载机或其他什么东西?
这是我得到的错误
GET / 500 238.910 ms - 882
Error: Cannot find module '_utils/debounce'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:289:25)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Object.<anonymous> (/.../src/www/routes/RootRoute/CodeRoute/Component.js:23:17)
at Module._compile (module.js:425:26)
at loader (/.../node_modules/babel-register/lib/node.js:127:5)
at Object.require.extensions.(anonymous function) [as .js] (/.../node_modules/babel-register/lib/node.js:137:7)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
这里有一个演示回购:
https://github.com/erchaves/example-app/tree/config-resolve-alias-example
(使用npm run dev
)
使用此提交中的注释: https://github.com/erchaves/example-app/commit/3486b230a3188df19fcdcbb8f9401d2b4b8400e9
谢谢!