vue2 配置cesium

网络上有许多cesium环境搭建的教程，但适合自己情况的却是不多。此博客用于记忆环境搭建过程，分享与网友，也供自己日后使用。

以下内容为转载，转自原博客

首先创建vue项目

vue create 你的项目名
然后引入cesium

npm i cesium --save
继续安装上loader

npm install @open-wc/webpack-import-meta-loader --save-dev
创建一个vue.config.js 修改里面配置

const path = require(“path”);
const CopyWebpackPlugin = require(‘copy-webpack-plugin’);
const webpack = require(‘webpack’);
const cesiumSource = ‘./node_modules/cesium/Source’

function resolve(dir) {
return path.join(__dirname, dir);
}

module.exports = {

configureWebpack: {
output: {
sourcePrefix: ’ ’
},
amd: {
toUrlUndefined: true
},
resolve: {
extensions: [’.js’, ‘.vue’, ‘.json’],
alias: {
'vueKaTeX parse error: Expected group after '_' at position 245: …: path.resolve(_̲_dirname, cesiu…/,
use: {
loader: ‘@open-wc/webpack-import-meta-loader’,
}
},
]}
}
};
在main.js中添加代码

var cesium = require(‘cesium/Cesium.js’);
var widgets = require(‘cesium//Widgets/widgets.css’);
window.cesium = cesium
window.widgets = widgets
创建cesiumContainer.vue文件

最后启动项目就可以啦

npm run serve