我們在做Vue+webpack的時，難免會引入各種公共css樣式文件，那么我們改如何引入呢？引入時會有那些坑呢？

首先，引入公共樣式時，我們在“main.js”里使用AMD的方式引入,即

require('./assets/css/main.less');

這時，我們會拋出一個錯誤，是因為我們沒有寫解析的依賴，webpack不知道怎么解析

這時，我們要填寫上依賴，

require('!style!css!less!./assets/css/main.less');

在很多以前的博客里都是以上寫法，這個是Vue 2.0剛開始的，現在使用會報錯；下面是正確寫法　　

require('!style-loader!css-loader!less-loader!./assets/css/main.less');

在以前配置到這里，就萬事大吉了，也可以開始引入css文件了，然后現在到這里還會報錯

當出現以上錯誤時，說明你的項目里缺少依賴；　　

npm install style-loader --save

這時你就可以引入css文件了；

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。