2016-11-19 4 views
3

私は現在、次のwebpack.config.jsを使用しています:webpack uglified JavaScriptにヘッダコメントを追加するには?

var webpack = require('webpack'); 

module.exports = { 
    entry: __dirname + "/src/index.js", 
    output: { 
     path: __dirname, 
     filename: "index.js" 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     loader: 'babel', 
     exclude: '/node_modules/', 
     query: { 
      presets: ['latest'] 
     } 
     } 
    ] 
    }, 
    plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] 
} 

これは、私はそれがしたい正確にどのように動作します。しかし、今私は、uglifiedコードで1行の上に出力ファイルにプロジェクト情報を持つコメントを追加したいと思います。これはどうすればいいですか?

答えて

3

のWebPACKのBannerlPlugin()を使用して縮小した後、コードにコメントを追加:

WebPACKの1からBannerPlugin()

plugins: [ 
    new webpack.BannerPlugin("The head comment", { entryOnly: true }) 
] 

WebPACKの2からBannerPlugin()

plugins: [ 
    new webpack.BannerPlugin({ 
     banner: "The head comment", 
     entryOnly: true 
    }) 
] 
関連する問題