Vue项目中引入外部文件的方法（css、js、less）

 (5)配置字体loader加载依赖

{test: /.svg(?v=d+.d+.d+)?$/, loader: 'file-loader?mimetype=image/svg+xml'},
{test: /.woff(?v=d+.d+.d+)?$/, loader: "file-loader?mimetype=application/font-woff"},
{test: /.woff2(?v=d+.d+.d+)?$/, loader: "file-loader?mimetype=application/font-woff"},
{test: /.ttf(?v=d+.d+.d+)?$/, loader: "file-loader?mimetype=application/octet-stream"},
{test: /.eot(?v=d+.d+.d+)?$/, loader: "file-loader"}

步骤六：接着修改 src文件夹下面的main.js文件，打开文件之后在顶部加入

import'./assets/css/bootstrap.css'
import'./assets/js/bootstrap.min.js'
import'./assets/less/less.less'

现在就可使用less、jquery,如下图所示：