4

私はdjangoストレージを使用してs3から静的ファイルを提供しており、それらすべてをwebpackバンドルに移動しています。django-webpack-loaderこれは、django がバンドルを見つけた場所を気にしない場合にうまく機能します。

私の問題は、を使用して分割ポイントを定義し始めるとrequire.ensure、バンドルが s3 バケットの代わりに相対パスを使用してチャンクをダウンロードしようとすることです。これは、webpack のコード分割機能が django ストレージに依存しないためです。

オンデマンドでチャンクを取得するためのカスタム ロジックを挿入する方法はありますか? 私は自分の s3 バンドル アドレスを構成ファイルにハード コーディングしているわけではありませんが、これまで試したことはありません。

これが私のwebpack構成です(coffeescriptで書かれています)

path = require "path"
webpack = require 'webpack'
BundleTracker = require 'webpack-bundle-tracker'
ExtractTextPlugin = require "extract-text-webpack-plugin"
loaders = require "./loaders.coffee"

module.exports =
    context: __dirname
    entry: require "./entries.coffee"
    output:
        path: path.resolve 'app/static/dist/'
        filename: '[name].js'
        sourceMapFilename: "[name].map.js",
    devtool: "source-map"

        plugins: [

            new BundleTracker filename: './webpack/webpack-stats-prod.json'

            new webpack.DefinePlugin
            'process.env':
                'NODE_ENV': JSON.stringify 'production'

            new webpack.optimize.OccurenceOrderPlugin

            new ExtractTextPlugin "[name].css"

            new webpack.optimize.UglifyJsPlugin
            sourceMap: false
            compressor:
                warnings: false


        ]

    module:
        loaders: loaders.production_loaders

    resolve: loaders.resolution
4

1 に答える 1