1

現在、Webpack を使用して Angular2 アプリケーションをパックしていますが、問題に直面しています。

いくつかのドキュメントを読みましたが、ファイル ローダーを使用して出力ディレクトリにいくつかのファイルをコピーする方法がわかりません。

これが私の現在のファイル階層です:

config
  | - webpack.common.js   
app        
  |- static
      | - css
           | - ...
      | - fonts
           | - ...
      | - img
           | - someimage.png
           | - anotherimage.png
  |- main.ts

および (完全な) webpack.common.js :

var path = require("path")
var webpack = require("webpack")
var ExtractTextPlugin = require("extract-text-webpack-plugin")
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {    
    entry: { 
      app: './app/main.ts',
    },
    output: {
        filename: 'js/[name].js',
        path:'./built',
        chunkFilename: 'bundles/[id].chunk.js'
    },


    module: {
        loaders: [
        {
            test: /\.ts$/,
            loader: 'ts',
            exclude:'./out/'
        },
        {           
             test: /\.(jpe?g|png|gif|svg)$/i,
             include: [
                 path.resolve(__dirname, '/app/static/img/'),
              ],
             loader: 'file?name=[path][name].[ext]&context=./src',

        }
        ]
    },

     resolve: {
         extensions: ['', '.js', '.ts', '.gif']
    },


     plugins: [
         new HtmlWebpackPlugin({
             template: './index.html'
         })
    ]
}

webpack を実行するには、次のコマンドを実行します。

webpack --config Config/webpack.common.js  --bail

ts ファイルは正しく javascript にトランスピルされ、出力ディレクトリにコピーされます。index.html ファイルも存在しますが、画像ファイルはありません。

構成ファイルに何か問題があると思いますが、何がわかりません。私は何時間も頭を悩ませているので、どんな助けも大歓迎です。

ありがとうございました

4

2 に答える 2