1-借助Node搭建OpenLayers开发环境

1 安装node

软件下载地址：https://nodejs.org/en/，安装时按默认设置安装即可，也可自行查找安装教程，这里不再赘述。

2 搭建开发环境

1. 首先创建一个空的文件夹，文件夹名称例如ol-demo，打开cmd或powershell（推荐使用应用商店的Windows Terminal工具），输入如下命令。

   mkdir ol-demo
   

2. 进入该文件夹:

   cd ol-demo
   

3. 安装ol包，并自动创建一个带有附加依赖库的开发环境，包括index.html和main.js，默认地，Parcel将被用作模块加载器和打包器。

   npx create-ol-app
   

4. 启动应用，命令行会显示运行地址：http://localhost:1234/，运行结果如下（按快捷键ctrl+c可停止运行应用）：

   npm start
   

   

---

我们也可以输入以下命令快速创建应用，即省略前两个步骤：

npx create-ol-app my-app
cd my-app
npm start

3 打包

1. 打包后可以将dist/文件夹复制到服务器中，命令如下：

   npm run build
   

   如下图所示，代表打包成功：

   

2. 我们将打包好dist文件夹放入IIS当中，然后在浏览器中输入http://localhost/dist/即可访问。