cesium插件配置文件

const CopyWebpackPlugin = require('copy-webpack-plugin')
const webpack = require('webpack')
const path = require('path')
 CesiumJS源代码的路径
const cesiumSource = 'node_modules/cesium/Source'
const cesiumWorkers = '../Build/Cesium/Workers'
const CopywebpackPlugin = require('copy-webpack-plugin');


module.exports = {
//	productionSourceMap:false
    publicPath:'./',//输出的根路径  默认是/ 如果你的网站是app.com/vue 这更改此配置项
    outputDir:'dist',//构建输出目录
//  assetsDir:'assets',//静态资源目录(js,css,img,fonts)
	productionSourceMap: true,
    lintOnSave:false,//是否开启eslint保存检测,有效值: true || false || 'error'
    devServer:{
        open:false,//是否自动弹出
        //host:'localhost',
        //port:8088,//端口
        https:false,
        hotOnly:false,//热更新
       	proxy : {}
    },
   
	/* 添加以下代码是为解决webpack如何编译CesiumJS的一些怪癖 */
	configureWebpack: {
		/* 覆盖webpack默认值,以便\t在每行之前添加制表符。CesiumJS有一些多行字符串,因此我们需要使用空前缀覆盖此默认值''。 */
        output: { sourcePrefix: ' ' },
        /* 告诉CesiumJS,AMD webpack用于评估require语句的版本不符合标准toUrl函数。 */
        amd: { toUrlUndefined: true },
        // 解析节点模块使用的fs,解决了fs模块的某些第三方用法,该模块的目标是在节点环境而不是浏览器中使用
				node: { fs: 'empty' },
				//添加cesium 别名别名,以便我们可以在我们的应用代码中引用它
//      resolve: { alias: { cesium: path.resolve(__dirname, cesiumSource)} },
        resolve: { 
			alias: { 
				cesium: path.resolve(__dirname, './node_modules/cesium/Source'),
				 
			} ,
		},  
		plugins: [				
				// Copy Cesium Assets, Widgets, and Workers to a static directory
				new CopywebpackPlugin([ { from: path.join('node_modules/cesium/Build/Cesium', 'Workers'), to: 'Workers' } ]),
				new CopywebpackPlugin([ { from: path.join('node_modules/cesium/Source', 'Assets'), to: 'Assets' } ]),
				new CopywebpackPlugin([ { from: path.join('node_modules/cesium/Source', 'Widgets'), to: 'Widgets' } ]),
				new CopywebpackPlugin([ { from: path.join('node_modules/cesium/Source', 'ThirdParty'), to: 'ThirdParty' } ]),
				// Define relative base path in cesium for loading assets
				new webpack.DefinePlugin({ CESIUM_BASE_URL: JSON.stringify('') }),
				new webpack.ProvidePlugin({
		          	$:"jquery", 
		          	jQuery:"jquery", 
		         	"windows.jQuery":"jquery"
				}) 
		],
		module: {
			rules:[
        		{
        			test:/\.js\.map$/,
        			use:{
        				loader:' file-loader'
        			}
        		}
        	],
	        unknownContextCritical: /^.\/.*$/,
	        unknownContextCritical: false
        	
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值