webpack別名配置

2022-08-26 23:27:19 字數 295 閱讀 8317

還在為檔案引入路徑的點點槓發愁?

webpack在resolve解析屬性裡貼心地配置了別名功能,讓你輕鬆地找到檔案路徑。

不過,對於windows使用者,奇葩的反斜槓\路徑分隔符可能會讓你抓狂,不過不用擔心,nodejs提供了乙個貼心的path模組自動糾正路徑分隔符。

只需要在配置檔案裡引入path

var path = require('path')

使用path.join()方法連線即可。

resolve:},

修改配置檔案要重啟webpack-dev-server服務~

webpack路徑的別名配置

如果還不知道webpack的同學,可以先自行去了一些webpack,傳送門webpack詳細入門整理 我們在使用模組化開發的時候都是使用import或者require去匯入我們的模組,但是當我們專案較大,模組較多的時候,我們用相對路徑匯入是一件麻煩的事情。那有沒有一種更簡便的方法去匹配路徑呢?這時我...

webpack配置別名alias出現的錯誤匹配

webpack webpack是一款功能強大的前端構建工具,不僅僅是針對js,它也可通過各種loader來構建相關的less,html,image等各種資源,將webpack配合流程制定工具gulp結合起來,則更為方便的自定義工作流程。toc 在webpack.config.js中,通過設定reso...

webpack中關於路徑別名

起路徑別名 對於vue cli2中,在webpack config js中 resolve 對於vue cli腳手架版本大於等於3中,在vue.config.js中 module.exports 路徑別名可以使用在import語法中,如樣式檔案的引入 import xyz 或 import xx f...