如何将ReactJS应用程序嵌入到SharePoint插件中

Question

我真的是SharePoint加载项和ReactJS的新手，但我正在努力使这两个家伙一起工作。 我现在拥有的是我的ReactJS应用程序和一个作为独立项目的空SharePoint托管应用程序。

我遵循了这篇文章 ，在我决定尝试更复杂的东西（使用react-route，redux等）之前，一切似乎都工作正常。 然后它停止工作（SharePoint仅显示任何内容，并且在devTool中没有错误）。

我想问题是在部署应用程序时，我的SharePoint网站上没有React-router，redux等依赖项。 问题是我如何将我的所有依赖项（应该吗？）添加到bundle.js文件（由webpack生成）中，这样我就可以将此bundle.js复制到SharePoint应用程序并使其正常工作？ 还是有其他方法可以做到这一点？

PS这是我的webpack-config.js

module.exports = {
devtool: 'source-map',
entry: "./app.js",
mode: "development",
output: {
    filename: "./app-bundle.js"
},
module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['env', 'react']
                }
            }
        },
        {
            test: /\.css$/,
            loader: 'style-loader!css-loader'
        }
    ]
}

}

如果您需要有关项目结构，配置等的其他信息，请告诉我。

谢谢！

Answer 1

使用内容编辑器并将所有html元素粘贴到其中。 然后保存页面并发布