vue首页骨架屏vue-skeleton-webpack-plugin插件的使用

安装

npm install vue-skeleton-webpack-plugin

使用

1.在 webpack.dev.conf.js和webpack.prod.conf.js中引入插件

const SkeletonWebpackPlugin = require('vue-skeleton-webpack-plugin')
function resolve(dir) {
    return path.join(__dirname, '..', dir)
}

plugins: [
    new SkeletonWebpackPlugin({
        webpackConfig: {
            entry: {
                app: resolve('./src/entry-skeleton.js')
            }
        }
    })
]

2.创建骨架屏组件 src/skeleton.vue

3.创建骨架屏组件的入口文件src/entry-skeleton.js

import Vue from 'vue'
// 创建的骨架屏 Vue 实例
import skeleton from './skeleton';
export default new Vue({
    components: {
        skeleton
    },
    template: ''
});

4.npm run dev / npm run build

效果图

原文作者：匆匆那年_海，博客主页：https://www.jianshu.com/u/910c0667c515
95后前端汉子，爱编程、优秀、聪明、理性、沉稳、智慧的程序猿一枚。