let cssConfig = {} if (process.env.NODE_ENV === 'production') { cssConfig = { extract: { filename: '[name].css', chunkFilename: '[name].css' } } } module.exports = { chainWebpack: config => { let limit = 9999999999999999 config.module .rule('images') .test(/\.(png|gif|jpg)(\?.*)?$/i) .use('url-loader') .loader('url-loader') .tap(options => Object.assign(options, { limit: limit })) config.module .rule('fonts') .test(/\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/i) .use('url-loader') .loader('url-loader') .options({ limit: limit }) }, css: cssConfig, configureWebpack: { output: { filename: '[name].js' }, optimization: { splitChunks: false } }, devServer: { disableHostCheck: true } }