谁知道这种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 前端打包工具都行吧 rollup webpack都行 lynx,字节内部多端开发语言,主流的打包工具都支持js css在一起的。字节应该用它开源的rspark
用webpack吧 未经验证,共楼主参考:
打包方式可能涉及下几技术、工具吧
[*]工具:如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]