0

我正在使用 React 开发 WordPress 插件。我从https://github.com/robicse11127/wp-react-kickoff作为基础开始，一切正常，除了它为整个 React 应用程序生成一个包的部分。由于我的插件包含用于仪表板不同部分的多个单独的应用程序和另一个用于前端的不同应用程序，因此使用单个捆绑文件没有多大意义；我宁愿将每个部分单独捆绑并在需要的地方加载：仪表板中的仪表板应用程序、编辑帖子页面中的编辑器应用程序、公共页面上的公共应用程序等。

我尝试使用此处描述的 webpack 块，但无法使其正常工作。它实际上在我创建的专用 React 应用程序中有点工作，用于create-react-app在迁移到 WordPress 之前构建我的组件，但wp-react-kickoff似乎工作方式完全不同（没有public文件夹，没有index.html，这实际上是我想要的）而且我无法让它工作。

这是我想要的：

my-plugin
|___admin
    |___css
        |___...
    |___js
        |___dashboard.js
        |___editor.js
        |___settings.js
|___includes
    |___... wp plugin stuff
|___public
    |___css
        |___...
    |___js
        |___app.js
|___src
    |___components
        |___ ...
    |___app.js
    |___dashboard.js
    |___editor.js
    |___settings.js
    |___index.js
|___package.json
|___webpack.config.js

目前，我src/index.js用来加载我的单独应用程序（dashboard、和editor，最后一个是公共部分），所有这些应用程序都捆绑在一个由 WordPress 在管理员和前端加载的应用程序中。我怎样才能使我的不同应用程序最终成为上面的单独文件？额外的问题，我目前正在使用手动编辑的外部 CSS，我正在考虑使用相同的单独文件逻辑转移到 SASS 以与 webpack 以及 React 应用程序捆绑在一起。这可以做到吗？settingsappdist/bundle.jspublic/jsadmin/js

4

0 回答 0