1. 安裝less-loader ? ?npm install less less-loader --save

2.安裝 css-loader ? ? ?npm install css-loader --save

以上兩個是該插件的依賴,不安裝run的時候會報錯

3.安裝vue-awesome-swiper ?npm install vue-awwsome-swiper --save

4 在main.js中引入

import VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper)

5.組件使用

6.修改build\webpack.base.conf.js文件，添加下面代碼? (這一步我沒有做,沒有報錯,作為記錄,遇到了錯誤提示可以使用)

? {

? ? ? ? test: /\.less$/,

? ? ? ? loader: 'style-loader!css-loader!less-loader'

? ? ? }

7.其中遇到了ESlint規(guī)則一堆報錯?eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ”

可以挨個挨個的改正這個錯誤,也可以在build/webpack.base.conf.js文件中，注釋或者刪除掉：module->rules中有關(guān)eslint的規(guī)則