使用内联脚本和样式将Angular应用程序构建到单个HTML文件

我需要将我的Angular应用程序构建到一个带有内联脚本和样式的HTML文件中。Angular默认情况下构建几个js文件和一个css文件，并通过src属性将它们添加到my index.html

我发现了一个名为

htmlwebpack内联源插件的插件

，但它什么都没做。（可能是因为有棱角？）

有人知道用webpack将angular应用程序构建成单个文件的另一种方法吗？或者是否有其他包可以这样做？我已经做了一些研究，但没有找到解决办法

提前谢谢你

编辑：

我尝试了以下自定义网页配置，但它没有改变输出

自定义webpack.config.js

var HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');

module.exports = {
    plugins: [
        new HtmlWebpackPlugin({
            inlineSource: '.(js|css)$'
        }),
        new HtmlWebpackInlineSourcePlugin()
    ]
}

---

我猜你在说angular的时候是指angular。Angular cli在内部使用webpack--您可以直接使用webpack，您可以使用webpack构建任何内容，但您需要自己进行配置。是的，我指的是Angular cli。我用一个自定义网页包配置和前面提到的

html网页包内联源插件

尝试了它，但它似乎没有被应用，因为输出和没有一样。你能在

custom webpack.config.js

中放一个

console.log

，以确保使用了该文件吗？是的，正在使用它。当我调用

ngbuild--prod

时，我看到了日志。你知道这一点吗？我和你有同样的问题