语言►nodejs►库►webpack

webpack中的路径解析

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/05/webpack%E4%B8%AD%E7%9A%84%E8%B7%AF%E5%BE%84%E8%A7%A3%E6%9E%90/

摘要

本文主要讲述了：

  1. 以/打头的路径
  2. 相对于当前文件的路径
  3. 相对于node_modules的路径

正文

webpack 使用enhanced-resolve来进行路径解析。

以/打头的路径

不需要解析。

示例：

learn_webpack/src/index.js

1
import '/home/jsweibo/Documents/learn_webpack/src/css/reset.css';

相对于当前文件的路径

必须以.开头

示例：

learn_webpack/src/index.js

1
import './css/reset.css';

解析的结果为：/home/jsweibo/Documents/learn_webpack/src/css/reset.css

相对于node_modules的路径

如果路径既不以.开头，也不以/开头。nodejs 会在node_module中寻找同名模块。

示例：

learn_webpack/src/index.js

1
const path = require('path');

解析的结果为：/home/jsweibo/Documents/learn_webpack/node_modules/path

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/06/05/webpack%E4%B8%AD%E7%9A%84%E8%B7%AF%E5%BE%84%E8%A7%A3%E6%9E%90/

本文对你有帮助？请支持我

支付宝
微信