ElemeFE / ElemeFE/page-skeleton-webpack-plugin
vueCli3 下骨架屏无法注入
- 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文件目录

4. 结束 npm run serve.再次输入npm run serve,重新打包项目,在项目根目录下生成dist目录,然后打开项目,在开发环境下shell并没有注入

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
Assessment
This issue has not been assessed yet.