前端引入新的依赖文件中含有mjs文件时

在现代的Web开发中，JavaScript已经成为了一种不可或缺的编程语言。随着Node.js的流行，JavaScript的使用范围也不断扩大，而随之而来的就是对不同文件后缀的需求。在这篇文章中，我们将探讨.js、.mjs和.cjs这三种常见的JavaScript文件后缀之间的区别。

一、.js：传统的JavaScript文件
.js是JavaScript的默认文件后缀，也是最常用的文件类型。它通常用于在Web页面中嵌入JavaScript代码，或者通过

二、.mjs：ES Modules文件
.mjs是ECMAScript模块（ES Modules）的文件后缀。ES Modules是JavaScript的模块化标准，它允许开发者将代码拆分为多个独立的模块，并通过import和export语句进行模块间的交互。.mjs文件通常用于现代前端框架和库中，如React、Vue等。

使用.mjs文件时，需要在HTML文件中通过

当你在Node.js环境中使用.mjs文件时，需要在package.json文件中显式地指定"type": “module”，以告诉Node.js解析器该项目使用的是ES模块。
在vue.config.js文件中配置webpack loader 需要安装

  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: 'javascript/auto',
          loader: 'file-loader',
          options: {
            esModule: false,
          },
        },
      ],
    },
  },