Parcel打包静态文件（例如静态的json、图片等）

 

Parcel是目前较为流行的前端轻量级快速打包工具；支持JS,CSS，HTML，文件等资源，不需要安装任何插件；最大的特色是零配置代码（区别与其它主流配置工具）

但问题是Parcel默认是将所有文件打包进js包中，不在有单独的静态问题。

如果你想引入一个单独的静态文件地址例如一个大的json文件，并在js中引用是没法实现的。

//无法打包单独的json文件，因此以下地址找不到	
layers: [
		new VectorLayer({
			source: new VectorSource({
				format: new GeoJSON(),
				url:'../data/countries.json'
			})
		})
	]

只能这样引用import

//geojsonObject 是对象，因此以下引用也是错误的
import geojsonObject from '../data/countries.json';
layers: [
		new VectorLayer({
			source: new VectorSource({
				format: new GeoJSON(),
				url:geojsonObject 
			})
		})
	]

实际上当前1.*版本的parcel不能支持单独的静态文件打包。需要单独的插件。

例如 parcel-plugin-static-files-copy：https://www.npmjs.com/package/par