我們在做Vue+webpack的時，難免會引入各種公共css樣式文件，那么我們改如何引入呢？引入時會有那些坑呢？
首先，引入公共樣式時，我們在“main.js”里使用AMD的方式引入,即
require('./assets/stylus/index.styl');
或者：import './assets/stylus/index.styl'
這時，我們會拋出一個錯誤，是因為我們沒有寫解析的依賴，webpack不知道怎么解析
這時，我們要填寫上依賴，
import '!style-loader!css-loader!stylus-loader!./assets/stylus/index.styl'
就萬事大吉了，也可以開始引入css文件了
當然，在進行上面的步驟之前，需要先安裝一下幾個loader==>>
npm install style-loader --save-dev
npm install css-loader --save-dev
npm install stylus-loader --save-dev
同時在webpack.base.config.js ====>>>
這時你就可以引入css文件了；
另外附上幾個示意圖：
1===》在main.js中引入外部css文件：
2===》在APP.Vue里面引入外部css文件：
小禮物走一走，來簡書關注我
作者：那年一紙花開
鏈接：https://www.jianshu.com/p/66fdf2dfec9a
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並注明出處。