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' //文件的相对路径
}
}
这时候请注意
要在main.js里添加(vue2实战揭秘这本书里写的有问题,我技术太烂找不出)
Vue.prototype.$ui = {
alert:Uikit.modal.alert,
confirm:Uikit.modal.confirm
};
最后再去页面里写methods去调用就没事啦