在vue專案開發中經常引用js、css、img檔案。當專案較大時檔案層級很多，導致路徑很長，我們可以通過在bulid > webpack.base.conf.js 設定簡便的引用路徑
一、引用assets目錄下的檔案
舉例：1、在src > components > content > content.vue 中引用
src > assets > img > arrow.png
引用**，引用路徑就會比較複雜
解決辦法：
1、在webpack.base.conf.js 中給src/assets設定引用路徑 assets
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
// add assets路徑
'assets': resolve('src/assets'),
2、使用設定好的引用路徑， "~assets"
3、注意事項，設定好引用路徑，必須要重啟專案才能生效。不然會報錯
4、配置js、css檔案同樣操作
二、引用static目錄下的檔案
解決辦法：
1、在webpack.base.conf.js 中給static設定引用路徑 static
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
// add static路徑
'static': path.resolve(__dirname, '../static'),
2、使用設定好的引用路徑， "~static"
3、注意事項，設定好引用路徑，必須要重啟專案才能生效。不然會報錯
4、配置js、css檔案同樣操作
vue中引用本地檔案
轉換成可以用的檔案格式，接下來就四步 第一步 把解析好的檔案全部引到專案中，不管在src下建個common的目錄放進去還是直接放到assets下都可以，只要後面的引入路徑正確就行 第二步 開啟css檔案，font family跟的就是後面使用的文字名稱，可以自己命名 src就是當前css檔案和字型檔...
vue中引用js檔案的方法
在vue的很多元件中都會用到axios來post資料，每個元件中都寫上乙個post的方法倒是也可以，複製就行了，但是總感覺有些不方便，那麼可以把axios的post寫到乙個單獨的js檔案中，然後在需要的元件中引用豈不是更好嗎。新建乙個名稱為webpost.js檔案 import axios from...
vue中img標籤的src屬性總結
初步接觸vue框架時,好多朋友使用img標籤時,設定動態src屬性時,可能都會遇到路徑不生效的問題,咱們廢話不多說,開整 img標籤引用資源 一般不需要webpack處理的資源放在static,需要經過處理的放在assets 1.不需要webpack處理的放在static 不需要webpack處理的...