我們在做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文件：

總結

以上是生活随笔為你收集整理的html如何引入less,VueJS如何引入css或者less文件的一些坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。