dist打包流程-阿里云开发者社区

开发者社区> 开发与运维> 正文

dist打包流程

简介: 打包dist : npm run dist 运行dist : gulp dist_open 浏览器打开地址 : http://localhost:3000/dist/pc/index.html 如果错乱则需要手动修改gulp插件: 原始代码

打包dist : npm run dist

运行dist : gulp dist_open

浏览器打开地址 : http://localhost:3000/dist/pc/index.html

如果错乱则需要手动修改gulp插件:

原始代码

<link rel="stylesheet" href="../css/default.css">
<script src="../js/app.js"></script>

打开node_modulesgulp-revindex.js

第144行:

manifest[originalFile] = revisionedFile;
更新为: 
manifest[originalFile] = originalFile + '?v=' + file.revHash;
打开node_modules\rev-path\index.js

10行:

return filename + '-' + hash + ext;
更新为:
return filename + ext;

打开node_modulesgulp-rev-collectorindex.js

40行:

let cleanReplacement =  path.basename(json[key]).replace(new RegExp( opts.revSuffix ), '' );
更新为: 
let cleanReplacement =  path.basename(json[key]).split('?')[0];

最终结果

<link rel="stylesheet" href="../css/default.css?v=5a636d79c4">
<script src="../js/app.js?v=3a0d844594"></script>

感悟:好脑袋不如个赖笔头

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章