在开发一个 Chrome 扩展时,依赖了element-plus
。
想体验按需加载的福利,于是借助了这个 package:unplugin-element-plus/webpack
,引入方式如下
const ElementPlus = require('unplugin-element-plus/webpack').default;
plugins: [
// ...
ElementPlus(),
],
编译时,遇到报错:
Module not found: Error: Can't resolve element-plus/es/components/button/style/css
沿着报错中提供的路径进到包里一看究竟,扩展名并没有 .js
的资源
于是修改了此处:
resolve: {
extensions: ['.ts', '.js', '.vue', '.json', '.mjs'],
// ...
}
附
- 部分依赖包版本:
{
"dependencies": {
"element-plus": "^1.2.0-beta.6",
"unplugin-element-plus": "^0.1.3",
"vue": "^3.2.20",
"vue-class-component": "^7.1.0",
"vue-property-decorator": "^8.3.0"
},
"devDependencies": {
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1",
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。