を使用して webpack2 で Serviceworker チャンク (sw.js) を作成しようとしていますが、/sw.js をCommonsChunkPlugin
serviceworker として登録しようとすると、エラーが発生しますUncaught ReferenceError: webpackJsonp is not defined
。
どうやら webpackJsonp はチャンクの非同期ロード用であり、サービスワーカーファイルを台無しにしています。Serviceworkerチャンクの非同期ロードを削除する方法はありますか?
私のwebpack構成:
{
entry: {
main: [
'react-hot-loader/patch',
`webpack-dev-server/client?http://${host}:${port}`,
'webpack/hot/only-dev-server',
'./index.jsx',
],
sw: './sw.js',
vendor: [...],
},
output: {
filename: '[name].js',
path: resolve(__dirname, 'dist'),
publicPath: '/',
},
resolve: { extensions: ['.js', '.jsx'] },
performance: { hints: false },
context: resolve(__dirname, 'src'),
devtool: 'inline-source-map',
devServer: {
hot: true,
host,
port,
contentBase: resolve(__dirname, 'dist'),
publicPath: '/',
},
module: {
rules: [
{
test: /\.jsx?$/,
use: 'babel-loader',
exclude: /node_modules/,
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract('css-loader'),
},
],
},
plugins: [
new ExtractTextPlugin('main.css'),
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin(),
new webpack.optimize.CommonsChunkPlugin({
names: ['vendor', 'manifest'],
}),
],
};