1 npm install font-awesome --save
2 在main.js中引入:
import 'font-awesome/css/font-awesome.min.css'
自此基本ok,但是在打包发布到服务器时,会出现***/fonts/fontawesome-webfont.af7ae50.woff2找不到,即,路径错误,
解决:
1 在build/utils.js中增加配置:
// Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../' }) } else { return ['vue-style-loader'].concat(loaders) }参考:
https://segmentfault.com/q/1010000008372874
https://github.com/vuejs/vue-cli/issues/179