VueJS引入css或者less文件的一些坑

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

　　

原文: http://blog.hawkzz.com/2017/03/14/VueJS引入css或者less文件的一些坑/　　作者: hawk_zz