小编Q.u*_*ion的帖子

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

我发现了一个名为的插件html-webpack-inline-source-plugin，但它没有做任何事情。（可能是因为角度？）

有谁知道使用 webpack 将角度应用程序构建到单个文件中的另一种方法，或者是否有另一个包可以这样做？我已经做了一些研究，但没有找到解决方案。

先感谢您！

编辑：

我尝试使用以下自定义 webpack 配置，但它不会更改输出。

自定义-webpack.config.js

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

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

我尝试将对象数组转换为列表。现在，我只想将对象的“类型”属性转换为列表项，但它不起作用。

这是我的代码：

constructor(props){
    super(props);
    this.travelRawdata = [{type:15}];
}
render(){
    return(
        <ul>
           {this.travelRawdata.forEach(element => <li>{element.type}</li>)}
        </ul>
);}

我没有得到任何输出。如果我使用console.log(element.type)它工作正常，所以我认为我的 HTML 标签有问题？