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

Question

有：

我有一个 Django 应用程序。它对前端有反应。我有 2 个 Django 应用程序。 movies_list 和 series_list。我的所有 .jsx 文件都在 baseapplication/movies_list/interfaces/ 和 baseapplication/series_list/interfaces/ 中。 2 个应用程序的入口点在 web-pack.config.js 的 entry 对象中给出 ...../index。

需要：

我需要将编译的 .js 文件放入 baseapplication/movies_list/static/movies_list 和 baseapplication/series_list/static/series_list 中。所以我需要在 entry 中找到每个条目并获取 abs 路径并为未来的应用程序动态构建我的 output 路径。这将帮助我的 python manage.py collectstatic 从每个目录中获取静态文件。

如何设置output使其动态化？

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",
  },

}

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

React - Django webpack config with dynamic 'output'

python

django

node.js

reactjs

webpack