ElemeFE / ElemeFE/page-skeleton-webpack-plugin

vueCli3 下骨架屏无法注入

Open
#53 5 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
388
PR merge metrics
No merged PRs in 30d

Description

### Description

1. 下载vueCli3初始的项目 执行 npm install
2. 运行 npm run serve ,项目正常运行,命令行也没有报错
3. 然后调出控制条点击,生成preview,预览都ok,可以二维码预览,然后点击,写入shell文件目录
![image](https://user-images.githubusercontent.com/29172211/49374278-d5638380-f73b-11e8-888e-c8b8cb2c488c.png)
4. 结束 npm run serve.再次输入npm run serve,重新打包项目,在项目根目录下生成dist目录,然后打开项目,在开发环境下shell并没有注入

![image](https://user-images.githubusercontent.com/29172211/49374458-5c186080-f73c-11e8-9dc0-a61302f5bc24.png)

5. 结束npm run serve,运行npm run build,dist目录被删除,重新写入dist的index.html在#app元素中没有注入骨架屏对应的html,在生产环境下也没有注入

### Plugin configration

以下也是vue.config.js的所有配置

```javascript
const path = require('path');
const { SkeletonPlugin } = require('page-skeleton-webpack-plugin');
module.exports = {
configureWebpack: {
plugins: [
new SkeletonPlugin({
pathname: path.resolve(__dirname, './shell'),
staticDir: path.resolve(__dirname, './dist'),
routes: ['/']
})
]
}
}
```

### Versions

- Page Skeleton: ^0.10.12
- Webpack: webpack4.x
- VueCli: 3.2.1

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.