Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于将css文件打包为JavaScript字符串的工具_Javascript_Html_Css - Fatal编程技术网

用于将css文件打包为JavaScript字符串的工具

用于将css文件打包为JavaScript字符串的工具,javascript,html,css,Javascript,Html,Css,我正在寻找一个外部工具,用于从css文件创建有效的JavaScript字符串 css文件的内容应该转义并压缩(如果可能)为JavaScript字符串 原因是,我只希望在一个文件中交付我的库,JavaScript文件。考虑,这不能用普通WebStase/包装/压缩工具来完成。 有什么想法吗?致意。我想回答我自己的问题 (NodeJS-)项目并符合要求 用法: cleancss input.css -o input.min.css jsesc < input.min.css > outp

我正在寻找一个外部工具,用于从css文件创建有效的JavaScript字符串

css文件的内容应该转义并压缩(如果可能)为JavaScript字符串

原因是,我只希望在一个文件中交付我的库,JavaScript文件。考虑,这不能用普通WebStase/包装/压缩工具来完成。
有什么想法吗?致意。

我想回答我自己的问题

(NodeJS-)项目并符合要求

用法:

cleancss input.css -o input.min.css
jsesc < input.min.css > output.txt
cleancss input.css-o input.min.css
jsescoutput.txt

output.txt文件包含转义良好的JavaScript字符串。

不完全确定这是一个好主意……这就是为什么它不是常见的webassets/packaging/compressing工具的一部分。如果它是您正在制作的库,您不希望人们能够根据自己的需要轻松修改css吗?这将使人们很难使用您的库。css不打算成为组件的“公共接口”的一部分。它不应该被用户覆盖。实际上,这不是一个简单的组件,它是更大的云服务(如谷歌地图)的一部分,因此界面应该尽可能简单。要让尽可能多的用户(webdevelopers)访问,只需在网页中包含一个文件。一个简单的解决方案是使用外部工具将css文件的内容打包为base64字符串,并使用javascript中的atob()对其进行解码。但编码字符串(输出)占输入的133%。我更喜欢一个更简单的,转义的解决方案。