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

badyun

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

[JavaScript] 纯文本查看 复制代码

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

打工仔-知恩

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

postgis

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

hhxk123

用webpack吧

shuisanyue

未经验证，共楼主参考：

打包方式可能涉及下几技术、工具吧

• 工具：如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。
  

或者这些技术和工具的组合使用…………………………