vue项目的构建，打包，发布详解 爱问知识人
很多朋友对于VUE项目的一系列流程不熟悉，小编根据网友提出的问题，整理了关于vue项目的构建打包发布全过程，本文主要详细介绍了关于vue。js项目的构建、打包、发布的全过程，希望能帮助到大家。一、vue项目的创建1、首先第一肯定是要有Node。
js及npm这个不多说了2、安装脚手架此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。 现在就有我来说说如何讲vue项目发布到github上 之前写过vue环境搭建 可以参考： vue环境搭建二、vue项目的打包1、大家都知道使用npm run build进行打包，这个时候你直接打开dist/下的index。
html,会发现文件可以打开，但是所有的js，css，img等路径有问题是指向根目录的。此时需要修改config/index。js里的assetsPublicPath的字段，初始项目是/他是指向项目根目录的也是为什么会出现错误，这时改为。/。
/ 当前目录 。/ 父级目录 / 根目录根目录：在计算机的文件系统中，根目录指逻辑驱动器的最上一级目录，它是相对子目录来说的；它如同一棵大树的“根”一般，所有的树杈以它为起点，故被命名为根目录。以微软公司开发的Windows操作系统为例：打开我的计算机（计算机），双击C盘就进入C盘的根目录。
双击D盘就进入D盘的根目录build: { env: require('/prod。env'), index: path。resolve(__dirname, '/dist/index。html'), assetsRoot: path。
resolve(__dirname, '/dist'), assetsSubDirectory: 'static' assetsPublicPath: '/' productionSourceMap: true, // Gzip off by default as many popular static hosts such as // Surge or Netlify already gzip all static assets for you。
// Before setting to `true`, make sure to: // npm install --save-dev compression-webpack-plugin productionGzip: false, productionGzipExtensions: ['js' 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process。
env。npm_config_report }在从dist根目录打开index文件就可以访问了。三、github pages1、首页创建一个仓库，此处直接忽略2、在这里选择master或者/doc 上传代码到master3、上面有一行域名就是你自己的页面可以看到自己发布的项目四、自定义域名1、这个时候就可以浏览自己的项目了，但是username。
github。io/xxx/dist这样的地址着实不是很美观，大家可以去阿里云上，自己买个域名，解析一下，网上都有，可以进行自定义的域名，来制作的自己的博客，代码部署到github上。
相关推荐
-
长沙教育服务平台人人通电脑怎么登录
官网,浏览器,双击,搜索栏,登录，长沙教育服务平台人人通电脑可以在浏览器中搜索进入其官网然后输入账号密码登陆。具体操作步骤如下：1、首先打开电脑，然后在电脑的软件中找到电脑自带的浏览器，然后双击打开电脑浏览器，在搜索栏输入长沙市中小学人人通云平台，点击搜索，然后在搜索结果中找到其官网点击官网进入。2、页面跳转之后，在页面输入账号、密码、验证码，即可登录人人通平台。...
-
诗词大会主持人龙洋简历
主持人,南京,市政府,期间,项目，龙洋，1989年12月17日出生于湖南省郴州市，中国内地女主持人。龙洋就职南京广电期间，多次担任南京市政府、江苏省政府等多项大型活动、特别项目主持人。2011年，进入南京电视台，担任《直播南京》节目主持人。2013年，参加南京电视台主持人秀《舞动南京》，并获得冠军。2015年，加盟中央电视台财经频道，主持资讯节目《第一时间》。2016年，主持央视网春晚伴随式节目《春晚》。2017年，主持《中国经济生活大调查...
-
LY是什么意思? 爱问知识人
域名,首字母,同程旅游网站,知识,海外，LY是什么意思?LY没有意思，LY(或ly)代表什么或是什么意思都是错的，完全根据语意和语境的意思来判断。如"旅游"的拼音首字母;Love You的首字母;LY.com 同程旅游网站;LY(或L.Y.)为light-year缩写形式，即光年;.ly是利比亚的国家域名,属于海外域名。等等。...
-
请问可行性缺口补助是什么？ 爱问知识人
项目,资本,缺口,可行性,公司，请问可行性缺口补助是什么？可行性缺口补助（ViabilityGap Funding)是指在 政府和社会资本合作模式项目中使用者 付费不足以满足社会资本或项目公司成本回收和合理回报，而由政府以财政补 贴、股本投人、优惠贷款和其他优惠政策的形式，给予社会资本或项目公司的经济补助。通常用于可经营性系数较低、财务效益欠佳、直接向最终用户提供 服务但收费无法覆盖投资和运营回报的项目，如医院、学校、文化及体育场 馆、保障...
-
怎样打开网？怎样打开网页 爱问知识人
网页,知识,浏览,都是,打开网页，怎样打开网页一般打开网页都是需要在浏览器上，然后才可以打开这个网页的呀。...
-
微博id是什么 如何查看自己的微博id
链接,浏览器,数字,自己的,有个，微博id是什么 如何查看自己的微博id点击查看直接的粉丝，这个时候你的浏览器上面有个链接，链接里面有一串数字，那就是了...
-
工行u盾驱动 爱问知识人
下载,自动安装,中国工商银行,网银,双击，如果你用的是中国工商银行ICBC的网银U盾，就需要装这款驱动。从ICBC官网上下载来的U盾驱动，方便大家使用，解压后双击即可自动安装。如果你用的是中国工商银行ICBC的网银U盾，就需要装这款驱动。从ICBC官网上下载来的U盾驱动，方便大家使用，解压后双击即可自动安装。...
-
上海银行网上银行怎么登陆
网银,安装,密码框,重启,退出，打开上海银行官方网站?，点击个人网银，点击安装安全控件，安装好后，重启浏览器（就是完全退出，重新打开），再次打开上海银行官方网站，点击个人网银，密码框就可以正常使用了，输入你的用户名和密码登录即可...
-
什么是评标？ 爱问知识人
招标,评审,投标,项目,方法，什么是评标？评标：评标不能由招标人或其代理机构独自承担，而应组成一个由有关专家和人员参加的评标委员会，评标分为初步评审和详细评审两个阶段进行。初审后按废标处理：(1)以他人的名义投标、串通投标、以行贿手段谋取中标或者以其他弄虚作假方式投标的; (2)以低于成本报价竞标的;(3)投标人递交两份或多份内容不同的投标文件，或在一份投标文件中对同一招标项目报有两个或多个报价，且未声明哪一个有效(按招标文件规定提交备选投...
-
明星人气榜投票入口怎么投票
登录,百度浏览器,首页,汉语,你喜欢，首先登录百度浏览器,在首页找到明星人气榜投票的小窗口,然后就可以根据你喜欢的明星,点击进行投票了。明星汉语词语，古书上指金星；旧时指交际场中有名的女子；现指在某个领域内有一定影响力的人物。泛指有名的演员、歌手、艺人、运动员等。2018年1月，国家新闻出版广电总局的宣传例会上，宣传司司长高长力提出广播电视邀请嘉宾应坚持“四个绝对不用”的标准，即：对党离心离德、品德不高尚的演员坚决不用；低俗，恶俗、媚俗的演...
-
领导是什么意思？
单位,项目,老人,部门,我刚，在单位，新来半年的部门领导，我是老人。我刚完成了自己负责的一个项目，领导下了班专门到我办公室来表示称赞，我发了几句牢骚，说，唉，干一件事情的过程就是不断想自杀的过程，等等。 在之后的一次单位会议上，他表扬了单位百分之八十的人，但是没有我，还用眼睛看了一下我，之后说，很多同志都很主动地跑现场，完成项目，可又提了别人的名字，偏偏就没提我。 请问，他是什么意思，是要告诫我让我别太牛吗？请明眼人指正。领导是...
-
如何制作excel柱状体，
坐标轴,折线,柱状图,双击,折线图，如何制作excel柱状体，图下连接着表格选中金额和百分比及对应的品名，点表格类型选选自定义—折线图加柱状图，然后点完成。出现柱状图和没有坐标的折线图，双击折线，资料数列格式——坐标轴，点主坐标轴后确定；再双击折线，换成点副坐标轴后确定。坐标出来后直接调整刻度之类就可以了...
-
监理的主要职责是什么
检查,实施细则,机构,项目,进场，确定项目监理机构人员及其岗位职责，组织编制监理规划，审批监理实施细则；根据工程进展情况安排监理人员进场，检查监理人员工作，调换不称职监理人员。职责指任职者为履行一定的组织职能或完成工作使命，所负责的范围和承担的一系列工作任务，以及完成这些工作任务所需承担的相应责任。监理的含义可以更全面地表述为一个执行机构或执行者，依据准则，对某一行为的有关主体进行督察、监控和评价，守“理”者按程序办事，违“理”者则必究。...
-
如何孵化小鸡-爱问生活常识
项目,鸡蛋,生活常识,持续性,小鸡，养鸡是一种非常不错的可持续性养殖项目，所有的养鸡者都应该好好学习一下如何科学的孵出小鸡。而且鉴于鸡蛋孵化所需要的时间并不太长，所以观察整个孵小鸡的过程也是一件有趣的事儿。这篇文章就教你如何从头开始饲养自己的小鸡。饲养自己的小鸡01确定自己有足够的地方养小鸡。很多人没考虑清楚就整一堆小鸡开始养，你得保证自己的鸡舍足够大吧，小鸡也是需要空间的，而且它们会长大的好么。02考虑怎么处理小公鸡。自己孵小鸡就意味着理...