2017-10-23 6 views
1

私はこのWebPACKの構成を持っているために見に: 設定]のWebPACKは、ファイルへの書き込みや変更

module.exports = { 

    entry: ['babel-polyfill', './lib/index.js'], 

    output: { 
    path: path.resolve(__dirname + '/dist'), 
    filename: 'suman.js' 
    }, 

    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     options: { 
      presets: ['latest'], 
      plugins: ['transform-runtime'] 
     } 
     }, 
     { 
     test: /(\/lib\/init\/|cli.js$)/, 
     loader: 'ignore-loader' 
     } 
    ] 
    }, 

    resolve: { 
    alias: { 
     fs: require.resolve('suman-browser-polyfills/modules/fs'), 
     // assert: require.resolve('suman-browser-polyfills/modules/assert'), 
     process: require.resolve('suman-browser-polyfills/modules/process'), 
    }, 
    extensions: ['.js'] 
    } 
}; 

あなたはWebPACKのは、構成内の「出力」プロパティで示されるファイルに書き込むように構成されている見ることができるように

私がwebpack-dev-serverを使用すると、ビルドが作成されますが、出力ファイルには書き込まれず、ブラウザに提供されるように見えます。

私が探しているのは、Webpackにインクリメンタルビルドを実行させることですが、変更があったらファイルに書き込みます。

+0

したがって、 'webpack'を実行するとsuman.jsファイルに書き込みますが、' webpack-dev-server'を実行するとファイルに書き込まれません。 –

+0

[Webpack:webpack-dev-serverを使用してコンパイル、ディスクへの書き込み、静的コンテンツ(js/css)を提供する方法](https://stackoverflow.com/questions/41928358/webpack-how-to-compile) -write-on-disk-and-serve-static-content-js-css-using-w) – Budhead2004

答えて

0

私は答えがwebpack --watchであると考えています。私の使用例ではwebpack-dev-serverを使用する必要はありません。

関連する問題