@ValeraNakhuy

Как исключить картинки и шрифты из webpack 4?

Картинки дают 2 лишних мегабайта
Config:

Common
const webpack = require('webpack');
const path = require('path');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;


 module.exports = {
	entry: {
		app: './src/index.js'
	},
	plugins: [
	     new CleanWebpackPlugin(['dist']),
	     new HtmlWebpackPlugin({
		     template: "./index.html"
        }),
		new webpack.HotModuleReplacementPlugin(),
		// new BundleAnalyzerPlugin()
   ],
   output: {
	     filename: 'bundle.js',
	     path: path.resolve(__dirname, 'dist')
	   },

	 resolve: {
		 extensions: ['*', '.js', '.jsx']
	 },
	 module: {
		 rules: [
			 {
				 test: /\.(png|jpg|jpeg|gif|svg)$/,
				 loader: "url-loader",
			 },
			 {
				 test: /\.(js|jsx)$/,
				 exclude: /node_modules/,
				 use: ['babel-loader']
			 },
			 {
				 test: /\.scss$/,
				 include: __dirname + '/src/sass',
				 use: [
					 "style-loader",
					 "css-loader",
					 "sass-loader"
				 ]
			 },
			 {
				 test: /\.css$/,
				 use: [
					 "style-loader",
					 "css-loader",
					 "url-loader"
				 ]
			 },
			 {
				 test: /\.(eot|svg|ttf|woff|woff2)$/,
				 use: [
					 {
						 loader: 'file-loader'
					 }
				 ]
			 }
		 ]
	 },
 };


prod

const merge = require('webpack-merge');
 const common = require('./webpack.common.js');

	 module.exports = merge(common, {
	   mode: 'production',
		 optimization: {
			 minimize: true
		 }
	 });
  • Вопрос задан
  • 136 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы