webpackでバンドルされている.jsファイルを防止するには

Question

こんにちは私は現在、webpackを使用してプロジェクトファイルを1つのファイルにバンドルしています。しかし、私はすべての私の設定が設定されている私のconfig.jsファイルをバンドルするwebpackをしたくありません。私はこれを出力フォルダ内で別々のままにしたいが、これを達成するためには確かではない。

私の現在の設定は

//index.js file 
#!/usr/bin/env node 
'use strict'; 
let config = require('config.js); 
let read = require('read.js); 
console.log('i am running through command line'); 

//read.js file 
'use strict' 
console.log('read a text file'); 

//config.js 
'use strict'; 
module.exports = { 
name: 'test' 
} 

//webpack.config.js 
let webpack = require('webpack'); 
let path = require('path'); 
let fs = require('fs'); 

let nodeModules = {}; 
fs.readdirSync('node_modules') 
.filter(function (x) { 
    return [ '.bin' ].indexOf(x) === -1; 
}) 
.forEach(function (mod) { 
    nodeModules[mod] = 'commonjs ' + mod; 
}); 

module.exports = { 
entry: [ 'babel-polyfill', './index.js' ], 
target: 'node', 
node: { 
    __dirname: true 
}, 
output: { 
    path: path.join(__dirname, 'webpack_bundle'), 
    filename: '[name].js', 
    libraryTarget: 'commonjs' 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.js$/, 
      loader: 'shebang-loader' 
     }, 
     { 
      test: /\.js$/, 
      loader: 'babel-loader', 
      query: { 
       presets: [ 'es2015' ] 
      } 
     } ] 
}, 
resolve: { 
    extensions: [ '.js' ] 
}, 
plugins: [ 
    new webpack.BannerPlugin({banner: '#!/usr/bin/env node', raw: true 
}) 
] 
, 
    externals: nodeModules 
}; 

。注：私はindex.jsファイルを含むフォルダwebpack_bundleを取得webpackコマンドを実行したときに、私は非常に簡潔現在

のためのコード例を簡素化している - インデックス.jsファイルには、依存関係config.jsとread.jsが含まれています。しかし、私が望むのは、read.js依存関係をindex.jsファイルにバンドルするのに対して、config.js依存関係はバンドルされたWebpack出力で必要となる別のファイルに外部依存することです。したがって、webpackコマンド（index.jsおよびconfig.js）を実行した後に、フォルダwebpack_bundleに2つのファイルが含まれている必要があります。私はすでに外部オブジェクトconfig: './config.js'に次のキー値を追加して外部を修正しようとしましたが、これは機能しませんでした。私はエントリーポイントとしてconfig.jsを指定することによって余分なエントリーポイントを作成しましたが、これもうまくいきませんでした。私はこれを理解することができず、webpackのドキュメントはこれを達成する方法についてはっきりしていません。助けてください！

Answer 1

あなたが別のバンドルにあなたの設定をしたい場合は、あなたが動的にrequire.ensureであなたのconfig.jsファイルインポートすることにより、スプリットポイントを作成することができます：あなたの設定は、その後、別のバンドルになります

require.ensure([], function() { 
    let config = require('./config.js'); 
}); 

を。

• ドキュメントを、約Code splitting（警告：WebPACKの1.xのが推奨されていません）。
• ドキュメントについてCode Splitting（Webpack 2）。

編集：

あなたの設定ファイルは、WebPACKのでバンドルされたくない場合は、私はあなたがIgnorePluginを使用することができると思う：

module.exports = { 
    //... 
    plugins: [new webpack.IgnorePlugin(/^\.\/config\.js$/)] 
} 

そしてcopy-webpack-pluginを使用config.jsファイルをコピーしてください。