1、安装
$ npm i jquery uikit -D
2、配置字体文件
$ npm i url-loader --D
在webpack.config.js里的module.rules配置中加入字体引用配置
rules:[
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url',
query: {
limit:10000,
name:'[name].[hash:7].[ext]'
}
}
]
3、引入
在main.js里引入UIkis.js
import 'jquery'
import 'uikit'
import 'uikit-css'
其中'uikit-css'配置为
resolve:{
alias: {
'vue$': 'vue/dist/vue.esm.js',
'uikit-css$':'uikit/dist/css/uikit-rtl.min.css' //文件的相对路径
}