2019-05-06解决parcel将项目打包上传的到github

html-css017

2019-05-06解决parcel将项目打包上传的到github,第1张

用parcel项目做完后,使用如下命令,在本地可以很顺畅的运行

然后想将项目打包发送到github上预览,首先build打包,发现包含svg,文件不能被打包,求救无果,自己google查询解决方案,看到说可以将xlink:href改成href。我试了一下,果然行,但是打包后的文件上传后还是不能进行预览。

于是看视频说要在package.json文件中加一行homepage,指向我github上运行的地址

于是添加了,无果,后来发现貌似要在打包命令行中这样写

--no-cache表示清除缓存

--out-dir build 表示建立打包到build文件夹下

--public-url ./ 表示静态资源文件夹路径

参考的这个( https://www.jianshu.com/p/42f98e04312f )

webpack目前没法直接解析html模板中的静态资源,并且对其打包。如果需要这种特性,可以考虑一下parcel,

贴一句官网的介绍吧,这个应该符合题主的需求:

(Parcel支持从)应用的入口 HTML 文件开始,跟随着文件的依赖去构建你的整个应用。

当然了,配合html-webpack-plugin,可以把js和css注入到html模板,从而实现题主的需求,只不过不是以html为起点进行打包。

package 一般指小包裹。

parcel 同上。

但是不同的是package一般是用到特快专递以类的包裹上。而parcel是指饭店吃饭的‘打包’。一般都会说package口语一般不说parcel的。

baggage和luggage就是机场里说的那个啦。baggage就是托运的那些。luggage就是随身带的那些。