@vue/cli脚手架创建vue3项目，js+vue-cli生成mpm包，package.json中main，module，exports三种方式的使用，自定义入口文件index.js

在Vue 3项目中，你可以使用Vue CLI来创建一个新项目，并且可以通过配置package.json中的main, module, 和 exports字段来定义不同的模块入口。

首先，确保你已经安装了最新版本的Vue CLI。如果没有安装，可以通过以下命令安装：

npm install -g @vue/cli
# 或者
yarn global add @vue/cli

然后，创建一个新的Vue 3项目：

vue create my-vue3-project

在创建过程中，选择Vue 3作为你的版本。

接下来，在你的package.json文件中，你可以指定main字段作为你的主入口文件，module字段指定ES模块格式的入口文件，exports字段定义包的出口。

例如：

{
  "name": "my-vue3-project",
  "version": "1.0.0",
  "main": "dist/main.js",
  "module": "dist/main.esm.js",
  "exports": {
    ".": {
      "import": "./dist/main.esm.js",
      "require": "./dist/main.js"
    }
  },
  // ... 其他配置
}

在这个例子中，当其他项目通过ES模块系统导入你的项目时，它们会获取main.esm.js文件；而当通过CommonJS模块系统或者直接使用require时，它们会获取main.js文件。

请注意，exports字段是在Node.js 12.8+和大多数现代打包工具支持的条件下添加的。

最后，确保你的构建系统（例如webpack或Vue CLI的内置服务）能够生成对应的包。在Vue CLI创建的项目中，通常这些配置都已经设置好了，你只需要运行相应的命令即可。