一. 問題描述
最近在做vue的webpack框架的時候，發現@import導入的樣式在調試的階段是沒有問題的，但是在打包發佈到nginx上面之後裏面的樣式居然會影響到全局。這個時候我的眼前億萬一個草泥馬就過去了。
後來就是在網絡上各種查找資料解決，雖然有的可以解決，但是帶來的後果就是需要我一個文件一個文件的進行修改，這樣導致很大的工作量。而且這個@import使用的是相對路徑。
二. 網絡原因分析
1> 來自 https://www.cnblogs.com/ajaxlu/p/9086651.html 的分析
具體這哥們是怎麼操作的我就不寫了，打開網址看看，有很多人的操作方法和他是一樣的，但是我測試過了，一樣不能用，可能是我這邊的框架配置上有問題吧，不適合人家的這種方式：
而且這個的這句話我是不太認同的，因爲我以前也是用@import導入了局部的樣式的。
2> 來自 https://blog.csdn.net/weixin_39941429/article/details/80254724
這個哥們的解釋還是比較中規中矩的，雖然他的操作方式和上個哥們的是一樣的，並且我也沒有成功，但是他的分析我還是比較認同的。
三. 我的解決方案
其實解決方案是比較簡單的，不知道你們的錯誤原因是不是和我一樣。按實際來說這個css文件應該是屬於靜態文件的，但是我蛋疼的沒有將這個文件放在static裏面，而是將其放在了src下面，所以導致打包的時候連css也一起打包編譯了。
後來我將css文件放在了static文件夾下面一切就都正常了。
四. 提個問題
不知道有沒有兄弟解決這個@import只能導入相對路徑的問題，能不能直接從根路徑導入？（我見過有別人的項目可以這樣操作，但是我知道家人的配置是怎麼弄的。）