如何將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元素粘貼到其中。 然后保存頁面並發布