今天在初始化項目中,出現了一個奇怪的狀況:明明路徑是對的,可是編譯的時候,一直報「This dependency was not found」的錯。
代碼以下:vue
import Vue from 'vue' import App from './App' import router from './router' import 'common/stylus/index.styl' /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(App) })
控制檯一直報錯,表示沒法找到common/stylus/index.styl
,然而,路徑是經過ide補全填寫的,不可能出現錯誤,那又是爲何?webpack
屢次測試發現,Vue中的引入文件時,須要經過./
通知編譯器是在當前路徑,否則的話,第一個文件夾名會被認爲是webpack配置的alias
(別名)。web
因此,正確引入index.styl
的方式是:app
import Vue from 'vue' import App from './App' import router from './router' import './common/stylus/index.styl' // 添加./避免編譯器認爲是別名 /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(App) })