我們?cè)谧鯲ue+webpack的時(shí)，難免會(huì)引入各種公共css樣式文件，那么我們改如何引入呢？引入時(shí)會(huì)有那些坑呢？

首先，引入公共樣式時(shí)，我們?cè)凇癿ain.js”里使用AMD的方式引入,即

require('./assets/stylus/index.styl');

或者：import './assets/stylus/index.styl'

這時(shí)，我們會(huì)拋出一個(gè)錯(cuò)誤，是因?yàn)槲覀儧](méi)有寫(xiě)解析的依賴(lài)，webpack不知道怎么解析

這時(shí)，我們要填寫(xiě)上依賴(lài)，

import '!style-loader!css-loader!stylus-loader!./assets/stylus/index.styl'

就萬(wàn)事大吉了，也可以開(kāi)始引入css文件了

當(dāng)然，在進(jìn)行上面的步驟之前，需要先安裝一下幾個(gè)loader==>>

npm install style-loader --save-dev

npm install css-loader --save-dev

npm install stylus-loader --save-dev

同時(shí)在webpack.base.config.js ====>>>

這時(shí)你就可以引入css文件了；

另外附上幾個(gè)示意圖：

1===》在main.js中引入外部css文件：

2===》在APP.Vue里面引入外部css文件：

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。