VUE + cesiumjs使用

最近のプロジェクトは、セシウムを使用して、オンラインステップのうちのいくつかを参照してください、そして最終的には誤差のより多くの二種類がありますするエラーを発見します：

①この依存関係が見つかりませんでした：*セシウム/セシウムを./src/main.jsに。それをインストールするには、実行することができます。--saveセシウム/セシウムをインストールNPM

②プロトタイプ「ビューア」未定義

そして今、すべて最終的には何らかの形で、デバッグの様々なアクセスの種類、そしてあなたと共有することができます。

ここでは①右デスクトップ、オープンGitのバッシュ

②インストールVUE-CLI

NPMインストールVUE-CLI -g

VUEのプロジェクトベースのWebPACKを確立③

VUEのinit WebPACKの起草（製図プロジェクト名、あなたが中国を使用することはできません）

ファイルに起草④優れたプロジェクトを開始し、デスクトップ上に作成されています

CDの起草=========「NPM実行DEV

このとき、プロジェクトVUEの確立に基づいて、

⑤インストールcesium.js

NPMインストールセシウム--save

WebPACKのセシウム構成を変更⑥

1.修正ビルド/ webpack.base.conf.jsファイル

1.1コードの1行を追加します。

constのcesiumSource = '../node_modules/cesium/Source'

1.2 modules.exportsのコンテンツを追加します

modules.exportsモジュールを追加します。

AMD：{ 
    toUrlUndefined：真
}

中modules.exportsモジュールの出力に追加します。

sourcePrefix: ' '

最后在modules.exports模块中的resolve里的alisa里添加

'cesium': path.resolve(__dirname, cesiumSource)        注: __dirname 是两个小下划线

1.3 在module模块中加入

unknownContextCritical: false

2.修改 build/webpack.dev.conf.js 文件

2.1 添加2行代码

const cesiumSource = 'node_modules/cesium/Source'
const cesiumWorkers = '../Build/Cesium/Workers'

2.2 在plugins模块中加入

    new CopyWebpackPlugin([ { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' } ]),
    new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Assets'), to: 'Assets' } ]),
    new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' } ]),
    new webpack.DefinePlugin({
      CESIUM_BASE_URL: JSON.stringify('')
    })

3.修改build/webpack.prod.conf.js 文件

3.1添加2行代码

const cesiumSource = 'node_modules/cesium/Source'
const cesiumWorkers = '../Build/Cesium/Workers'

3.2 在plugins 模块中添加

    new CopyWebpackPlugin([ { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' } ]),
    new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Assets'), to: 'Assets' } ]),
    new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' } ]),
    new webpack.DefinePlugin({
      CESIUM_BASE_URL: JSON.stringify('./')
    })