3

サーバーで webpack-dev-middleware を使用して、次のように JavaScript をコンパイルしています。

if (development){                                                          
  app.use(webpackMiddleware(webpack({                                      
     // webpack options                                                   
     // webpackMiddleware takes a Compiler object as first parameter      
     // which is returned by webpack(...) without callback.               
    entry: {                                                               
      dashboard: path.join(__dirname, 'scripts/dashboard.jsx'),            
      tasks: path.join(__dirname, 'scripts/tasks.jsx')                     
    },                                                                     
       output: {                                                            
          path: __dirname + 'dist',                                        
          filename: '[name].bundle.js',                                    
          // no real path is required, just pass "/"                       
          // but it will work with other paths too.                        
      },                                                                   
      resolve: {                                                           
        extensions: ['', '.js', '.jsx']                                    
      },                                                                   
      module: {                                                            
        loaders: [                                                         
           { test: /\.jsx$/, loader: "jsx" }                            
      ]                                                                  
      }                                                                    
  }                                                                        
  ),                                                                       
  {                                                                        
    stats: {                                                               
     colors: true                                                         
    }                                                                      
  }));                                                                     
}

開発中はすべて正常に動作します。ビューにバンドルを含めることができます。しかし、それらは「dist」に組み込まれていないため、本番環境では含めることができません。このフォルダは常に空です。私は何を間違っていますか？誰かがアイデアを持っていますか？

宜しくお願いします。

4

3 に答える 3

7

webpack-dev-middlewareファイルを出力しません。実際のファイルを出力したい場合はwebpack、express の外でコマンドを使用する必要があります。webpack 構成を別のファイルに入れ、webpackコマンドでそれを参照し、それにアクセスするために Express スクリプトでそれを要求することができます。

于 2014-12-20T10:39:17.313 に答える
2

インメモリ バンドルを使用する場合は、次のようにストリーミング ファイルを使用できます。

var express = require('express');
var app = express();
var webpack = require('webpack');
var path = require('path');

var compiler = webpack(require('./webpack.config.js'));

app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: '/'
}));

app.use('*', function (req, res, next) {
  var filename = path.join(compiler.outputPath,'index.html');
  compiler.outputFileSystem.readFile(filename, function(err, result){
    if (err) {
      return next(err);
    }
    res.set('content-type','text/html');
    res.send(result);
    res.end();
  });
});

app.listen(3000);
于 2016-10-09T08:58:19.473 に答える