vue 加载 cesium

最新推荐文章于 2024-08-20 16:18:37 发布

tianmeng1999

最新推荐文章于 2024-08-20 16:18:37 发布

阅读量1.2k

点赞数

分类专栏： vue cesium

本文链接：https://blog.csdn.net/weixin_42448623/article/details/98962437

版权

环境

我的环境 (不一定要按我的版本来)
node node -v
v10.16.1
webpack webpack -v
4.39.1
vue-cli 版本 vue -V 大写V
2.0+
npm npm -v
6.7.0

构建项目

打开命令行窗口 cd 跳转到你要创建项目的文件夹下

C:\user\Administrator>cd 对应的文件目录

vue init webpack vue-cesium-dome

回车
。。。
在这里插入图片描述
。。。

cd vue-cesium-dome
npm run dev

在这里插入图片描述
复制 http://localhost:8082

安装 cesium

ctrl + c
npm install cesium --save  //--save 可以在package.json 的 dependencies 看到你安装的 cesium 版本

npm run dev

在这里插入图片描述

config配置

build/webpack.base.conf.js

module.exports = {
   
...
	
	output: {
   
		path: config.build.assetsRoot,
	    filename: '[name].js',
	    publicPath: process.env.NODE_ENV === 'production'
	      ? config.build.assetsPublicPath
	      : config.dev.assetsPublicPath,
	    //cesium配置 
	    sourcePrefix:''
	    // ---end---
	},
	//cesium配置
   	amd: {
   
    	toUrlUndefined: true
  	},
  	// ---end---
  	  
	resolve: {
   
	    extensions: ['.js', '.vue', '.json'],
	    alias: {
   
	      'vue$': 'vue/dist/vue.esm.js',
	      '@': resolve('src'),
	      
		  //cesium配置
	      'cesium': path.resolve(__dirname, '../node_modules/cesium/Source')
	      // ---end---
    },
	
	module: {
   
		rules: [..],
		//cesium配置
	    unknownContextRegExp: /^.\/.*$/, //解决Error: Cannot find module "."该错误
    	unknownContextCritical: true //让Webpack打印载入特定库时候