可拖拽的select组件

前言

我们学习three.js的时候，需要一个开发环境，因此需要一个打包工具，相信大家第一时间想到的是webpack和vite这些，今天我使用的是更加轻量级别的parcel，这个工具的使用非常简单，而且配置也很简单，下面我就来给大家介绍一下如何使用parcel来搭建three.js的开发环境。

操作流程

打开parcel中文网

首先新建一个文件夹在vscode中打开，打开终端，输入npm init -y，生成一个package.json,然后输入npm install parcel-bundler –save-dev，安装parcel，安装完成之后，我们在package.json中添加如下代码,后面的文件地址以你自己的地址为主，这里我的是src文件下的index.html文件

"scripts": {
    "dev": "parcel src/index.html",
    "build": "parcel build src/index.html"
},

之后可以新建目录，在index.html中导入资源文件
通过npm run dev即可将项目跑起来