简介
在前端开发中，使用“路径（path）”来定义资源文件的位置，比如图片、字体、样式等等。而在 vue.js 的开发中，路径的使用也尤为重要。可以使用 vue-path-loader 这个 npm 包，来简化路径的书写。
安装
使用 npm 安装 vue-path-loader：
npm install vue-path-loader --save-dev
使用方式
在 webpack.config.js 中使用 vue-path-loader：
-- -------------------- ---- -------
------- -
------ -
-
----- ---------
------- -------------
-------- -
------------------- -
-- --------- ------- - -------- ------
-- -----------------------------
-- ---- ------ ----- -- ----- ---------- --
-- ---- ----- -------------------------------------------- --------
-- --- --------- --------------- ---------
------- --------
-
-
--
-
----- --------------------------------
------- ------------------
-------- -
-- ---- ------ ------- -
------ -----
-- --- --------- ---
-- ---- -- -- ------- ----------- ---- ------
-- -------------------------------
-- -- ------- ----------------------------------
----- ---------------------------
-
--
-
----- ---------------------------------
------- ------------------
-------- -
------ -----
----- ----------------------------
-
--
-
----- ---------
------- ------------------
-------- -
-- --- ----- ----- --- ---------------
-- ----------- ------ ----
-- --------- --- ------------
----- ---------------------------
-
-
-
-使用时，在 vue 单文件组件中引入图片：
-- -------------------- ---- -------
----------
---- ------------------
---- --------------- ---------
------
-----------
--------
------ ------- -
---- -- -
------ -
--------- --------------------------
-
-
-
---------参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056fa381e8991b448e7afb