将 HTML、CSS 和 JS 编译成一个 JS 文件

Question

有什么合适的程序可以将 html、css和js文件编译成js 文件?我一直在寻找如何将 css 和 html 文件加载到 js 的方法，它们都需要 requireJS. Is there any webpack 插件，或者只需要一个模块？

我知道这不是一个体面的问题，但我一直在考虑不要总是获取外部源文件（html、css）。

示例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Blah blah blah</title>
    <script src="something.js"></script>
    <script>
        // 'load' will load everthing to #something
        something.load(
            // options
        )
    </script>
</head>

<body>
    <div id="something"></div>
</body>

</html>

Answer 1

最后感谢这个article, all I need is html-loader。然后我可以添加 import html from 'some.html'.

将 HTML、CSS 和 JS 编译成一个 JS 文件

Compiling HTML, CSS, and JS, into a single JS file

html

javascript

css

requirejs

webpack