# arcgis4.X

**Repository Path**: cpc12345/arcgis4.X

## Basic Information

- **Project Name**: arcgis4.X
- **Description**: arcgis4.x的学习
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2019-03-10
- **Last Updated**: 2023-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# arcgis4.X

#arcgisJsDoc文档生成
### 使用jsdoc
```cnpm install docdash ```
##### https://github.com/clenemt/docdash
##### https://www.html.cn/doc/jsdoc/howto-es2015-classes.html
##### github : https://github.com/jsdoc3/jsdoc
#### 介绍
arcgis4.x的学习

#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

1. https://developers.arcgis.com/javascript/index.html
2. https://www.giserdqy.com/arcgis-api-for-javascript/3667/
3. https://blog.csdn.net/cj9551/article/details/85066016
4. https://blog.csdn.net/zhengjie0722/article/details/81780860

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


### 一、使用rollup进行模块化开发和打包
> 1.全局安装rollup
```shell
    npm install rollup -g
```
> 2.查看是否安装成功
```shell
    rollup -v
```
> 3.创建一个`rollup.config.js`文件,书写rollup的配置项，代码如下：
```javascript
const babel = require('rollup-plugin-babel');
module.exports = {
    input: 'src/cm.js',
    plugins: [
        babel(),
    ],
    external: [
        'city-edge'
    ],
    output:
        {
            sourceMap: true,
            format: 'umd',
            name: 'ccm',
            globals: {
                "city-edge": "CE"
            },
            file: 'dist/cep-cm.umd.js',
            indent: '\t'
        }

};
```
>4.在package.js中编写npm scripts(使其变为可视化打包)：
```javascript
    "build": "rollup -c --sourcemap"
```
> 5.实现监听文件变化，随时打包
```shell
   npm i rollup-watch --save-dev
```
>6.创建一个`rollup.config.dev.js`文件，代码如下：
```javascript
    const rollup = require('rollup');
    const EN_MAP_CN = {
        "START": "监听器正在启动（重启）",
        "BUNDLE_START": "构建单个文件束",
        "BUNDLE_END": "完成文件束构建",
        "END": "完成所有文件束构建",
        "ERROR": "构建时遇到错误",
        "FATAL": "致命错误",
    }
    const config = require('./rollup.config.js');
    const outputOptions = config.output;
    async function build() {
        const bundel = await rollup.rollup(config)
        const {code, map} = await bundel.generate(outputOptions)
        await bundel.write(outputOptions)
    }
    function printLog(event) {
        var code = event.code;
        console.log('event事件监听中------------', code, EN_MAP_CN[code]);
        if(code == "END"){
            console.log("\n")
        }
    }
    const watcher = rollup.watch(config);
    watcher.on('event', event => {
        build();
        printLog(event);
    });
```
> 7.在package.js中编写npm scripts(使其变为可视化打包)：
```javascript
    "dev": "node rollup.config.dev.js"
```
>8.如果在开发环境中可以直接使用`npm run dev` ，这样将一直监听文件的变化，构建出新的文件包，开发中直接引入即可

>9.如果是正式打包，直接使用`npm run build`即可

>10.代码的打包压缩处理,es6等插件的使用
```javascript
    //rollup加载插件


```