badyun 发表于 2024-11-11 01:53

谁知道这种js是怎么打包出来?有来源或者思路就行

谁知道这种js是怎么打包出来?有来源或者思路就行。我看好像是把css,js都压缩到了一个js里,有点像抖音小程序的路子

https://lf-dy-sourcecdn-tos.bytegecko.com/obj/byte-gurd-source/1325/gecko/resource/mp_lynx_anchor/landing/template.js

打工仔-知恩 发表于 2024-11-11 03:54

前端打包工具都行吧 rollup webpack都行

postgis 发表于 2024-11-11 06:33

lynx,字节内部多端开发语言,主流的打包工具都支持js css在一起的。字节应该用它开源的rspark

hhxk123 发表于 2024-11-11 13:30

用webpack吧

shuisanyue 发表于 2024-11-11 18:39

未经验证,共楼主参考:

打包方式可能涉及下几技术、工具吧
[*]工具:如Webpack、Rollup、Parcel等……
[*]Loaders:在Webpack中Loaders能对模块源代码转换……如,css-loader可CSS文件转换为CommonJS……style-loader可将CSS注入到JavaScript……
[*]插件:Webpack的插件可以扩展其功能……如MiniCssExtractPlugin可CSS从JavaScript中分离出……ExtractTextPlugin或css-minimizer-webpack-plugin可压缩CSS
[*]代码压缩:用TerserPlugin(Webpack 5中内置)或UglifyJSPlugin等插件压缩JavaScript代码
[*]CSS-in-JS:是种CSS直接编写在JavaScript中技术,能者以JS对形式编写样式,通过styled-components、emotion等注入到DOM中。
[*]Tree Shaking:是种代码的技术,Webpack等打包工具在构建过程中会自动进行Tree Shaking。
或者这些技术和工具的组合使用…………………………
页: [1]
查看完整版本: 谁知道这种js是怎么打包出来?有来源或者思路就行