python - React - 具有动态 'output' 的 Django webpack 配置

Question

有:

我有一个 Django 应用程序。它对前端有反应。我有 2 个 Django 应用程序。 movies_list 和 series_list。我的所有 .jsx 文件都位于 baseapplication/movies_list/interfaces/ 和 baseapplication/series_list/interfaces/ 中。 2 个应用程序的入口点由 ...../index 指定，如 web-pack.config.js 的 entry 对象所示。

需要:

我需要将编译的 .js 文件放入 baseapplication/movies_list/static/movies_list 和 baseapplication/series_list/static/series_list 中。因此，我需要找到 entry 中的每个条目并获取绝对路径，并为 future 的应用程序动态构建我的 output 路径。这将帮助我的 python manage.pycollectstatic 从每个目录获取静态文件。

如何配置输出以使其动态？

module.exports = {

  //The base directory (absolute path) for resolving the entry option
    context: __dirname,

entry: {
  movies:  '../movies_list/interfaces/index',  
  series:  '../series_list/interfaces/index',
 },

output: {      
 // I need help here.
  path: path.join('<', "static"),
  //path: path.resolve('../[entry]/static/react_bundles/'), 
  filename: "[name].js",
},

}

https://github.com/webpack/docs/wiki/configuration

Answer 1

您可以将入口点设置为结果文件的完整路径。像这样的东西应该有效:

module.exports = {

  context: __dirname,

  entry: {
    'baseapplication/movies_list/static/movies_list/index':  '../movies_list/interfaces/index',
    'baseapplication/series_list/static/series_list/index':  '../series_list/interfaces/index',
   },

  output: {
    path: './',
    filename: "[name].js",
  },

}