专栏首页sofu456gulp&&webpack打包

gulp&&webpack打包

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/daoer_sofu/article/details/89856723

gulp

  • gulp.src 文件输入
  • gulp.dest 文件输出
  • gulp.task 建立任务,参数(名称,函数)
  • gulp.watch 监控文件变化 gulp+browserify配置nodejs转chrome代码

gulp和webpack的区别

gulp前端打包、webpack模块打包、entry输入、output输出

webpack

loader:函数预处理,不同类型文件使用不同loade打包r,file-loader(生成md5)、html-loader plugin:loader扩展

  • copy-webpack-plugin插件,只拷贝不合并文件

module:各种语言划分 target:node、web devtool:sourcemap选项

  • eval: 生成代码 每个模块都被eval执行,并且存在@sourceURL
  • source-map: 产生.map文件
  • cheap: 不包含列信息(代码精确到列的位置信息)也不包含loader的sourcemap
  • module: 包含loader的sourcemap(比如jsx to js ,babel的sourcemap)
  • inline: 将.map作为DataURI嵌入,不单独生成.map文件(这个配置项比较少见) entry:每个输入相对独立,有相互依赖的使用CommonsChunkPlugin 配置

打包过程调试package.json: node --inspect-brk ./node_modules/webpack/bin/webpack.js --inline --progress

问题

  • webpack打包缺少模块,externals可以解决,或者坑能是node_modules模块本身编译有问题,npm install后重新编译
  • webpack打包fs、child_process等模块到chrome会报错,可以添加node节点,使浏览器支持node

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 用Python来看《我不是药神》到底神在哪?

    简介:互联网公司运维技术负责人,拥有 10 年的互联网开发和运维经验。一直致力于运维工具的开发和运维专家服务的推进,赋能开发,提高效能。最后给自己代个盐,欢迎大...

    数据森麟
  • 【开源推荐】 手绘风格的 JS 图表库

    手绘风格的设计给人一种很可爱的感觉,看了这些图表你会发现数据也可以以萌萌哒的形式展示。

    ConardLi
  • 浅入深出Copy和mutableCopy

    由Tagged Pointed 可以知道a b 为Tagged Pointer 对象 想深入了解的的可以看一下我的上一篇文章

    老沙
  • Salesforce LWC学习(三) import & export / api & track

    我们使用vs code创建lwc 时,文件会默认生成包含 template作为头的html文件,包含了 import LightningElement的 js...

    用户1169343
  • Salesforce LWC学习(七) Navigation & Toast

    上一篇我们介绍了针对LWC中常用的LDS的适配的wire service以及@salesforce模块提供的相关的service,其实LWC中还提供其他的好用的...

    用户1169343
  • Salesforce LWC学习(六) @salesforce & lightning/ui*Api Reference

    上一篇中我们在demo中使用了很多的 @salesforce 以及 lightning/ui*Api的方法,但是很多没有细节的展开。其实LWC中针对这些modu...

    用户1169343
  • map的实现和柯里化(Currying)

      对于函数式编程来说,map/reduce/filter这几个算子非常重要,其中有的语言不是reduce而是fold,但功能基本一样,不过reduce的迭代一...

    窗户
  • 【SCF VS Code 实践:利用SCF和COS免费24小时监测比特币价格并邮件通知预警】

    YUMCC
  • 认识map-reduce

    1)MapReduce从HDFS中分割读取Split文件,通过Inputformat交给Mapper来处理。Split是MapReduce中最小的计算单元,一个...

    千往
  • 【JavaScript】吃饱了撑的系列之JavaScript模拟多线程并发

    最近,明学是一个火热的话题,而我,却也想当那么一回明学家,那就是,把JavaScript和多线程并发这两个八竿子打不找的东西,给硬凑了起来,还写了一个并发库co...

    外婆的彭湖湾

扫码关注云+社区

领取腾讯云代金券