1.?正確的導入語法
在 Webpack、Vite 等打包工具中,node_modules
?目錄是默認的模塊搜索路徑,因此直接寫包名即可:
// ? 正確:直接使用包名
import 'nprogress/nprogress.css';
// ? 錯誤:不需要顯式寫 node_modules 路徑
import 'node_modules/nprogress/nprogress.css';
2. 為什么不需要寫 node_modules?
JavaScript 模塊解析規則規定:
當導入路徑以 /、./ 或 ../ 開頭 時,視為相對路徑,需要指定完整路徑(如 ./styles.css)。
當導入路徑 不以 ./ 開頭 時,視為模塊路徑,會自動從 node_modules 目錄查找。
// 查找路徑示例
import 'nprogress/nprogress.css'; // 實際查找 node_modules/nprogress/nprogress.css
import 'axios'; // 實際查找 node_modules/axios/index.js