javascript – 如何从Web项目生成单个优化的html文件？

我有一个带有单个html文件的典型网页.此页面使用css,javascript模块(requirejs)和图像.我想生成一个单独的html文件,其中包含嵌入和缩小的所有资源,包括html文件本身.

这是我的结构：

myApp/
   www/
      css/
          css1.css
          css2.css
      img/
          img1.png
          img2.png
      js/
          main.js
          module1.js
      index.html

我想生成这个：

myApp/
   www-build/
      index.min.html

我知道存在不同的工具来优化javascripts,css和html.但问题是如何自动将它们组装在一个文件中.

解决方法:

你可以试试https://github.com/remy/inliner

你可以安装：

$npm install -g inliner

然后执行(有关可能的选项,请参阅inliner –help)

$inliner index.html > index.min.html

或者你可以在http://inliner.webapplist.com/在线使用它

标签：optimization,javascript,gruntjs,minify,web
来源： https://codeday.me/bug/20190703/1369424.html