Module not found: Error: Can't resolve element-plus/es/components/button/style/css

在開發一個 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'],
      // ...
}

添加了.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",
  }
}