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

时间:2018-09-27 11:28:12

标签: reactjs sharepoint sharepoint-addin

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

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

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

P.S。这是我的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'
        }
    ]
}

}

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

谢谢!

1 个答案:

答案 0 :(得分:0)

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