Question

我有一个带有index.html，style.css和app.js的简单应用，我需要构建一个myBundle.js以便在其他网站上轻松实现：

<script type="text/javascript" src="myBundle.js"></script>

那是可能的吗？

Answer 1

如果愿意，可以将其全部捆绑在HTML文件中。那将是使其易于携带的最简单方法

例如： yourfile.html

<html>
  <head>
  <style type="text/css">
  /* your CSS */
  </style>
  <script type="text/js">
  // your JS code
  </script>
  </head>
  <body></body>
 </html>

然后，您可以将文件移动到任何位置，它将独立运行。

如下所述，这不是一种干净的编码方式，但它可以工作，并且在某些情况下很有用

Answer 2

这不是一个好主意，但是也许您可以在js中创建元素，然后使用append()方法放置HTML / CSS

Answer 3

使用webpack捆绑内容本文可能有很大帮助 https://www.sitepoint.com/bundle-static-site-webpack/

如何将html，js和css捆绑到一个.js文件中？

3 个答案: