Open
Description
Example webpack configuration:
import path from 'path'
import webpack from 'webpack'
import HtmlWebpackPlugin from 'html-webpack-plugin'
import InlineSourcePlugin from 'html-webpack-inline-source-plugin'
export default {
context: path.resolve(__dirname, 'src'),
entry: ['./index.js'],
devtool: 'source-map',
output: {
publicPath: `https://my.cdn.com`,
filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'),
},
optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendors: false,
vendor: {
name: 'vendor',
chunks: 'initial',
test: /node_modules/,
priority: 20,
},
},
},
},
plugins: [
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
new HtmlWebpackPlugin({
inlineSource: 'runtime.+\\.js',
}),
new InlineSourcePlugin(),
],
resolve: {
extensions: ['.js', '.jsx', '.scss'],
modules: [
path.resolve(__dirname, 'src'),
],
},
}
Output index.html
:
...
//# sourceMappingURL=https:/my.cdn.com/runtime.9a39f8dda0e7ff95bb67.js.map</script>
Note the single slash after https: