mon-entreprise/webpack/common.js

/* eslint-env node */

module.exports.styleLoader = styleLoader => ({
	test: /\.css$/,
	use: [
		{ loader: styleLoader },
		{
			loader: 'css-loader',
			options: {
				sourceMap: true,
				importLoaders: 1
			}
		},
		{
			loader: 'postcss-loader'
		}
	]
})

module.exports.commonLoaders = ({ legacy = false, file = true } = {}) => {
	const babelLoader = {
		loader: 'babel-loader',
		options: {
			cacheDirectory: true,
			rootMode: 'upward',
			presets: [
				[
					'@babel/preset-env',
					{
						targets: !legacy
							? {
									esmodules: true
							  }
							: {
									esmodules: false,
									browsers: ['ie 11']
							  },
						useBuiltIns: 'entry',
						corejs: '3'
					}
				]
			]
		}
	}

	return [
		{
			test: /\.(js|ts|tsx)$/,
			use: babelLoader,
			exclude: /node_modules|dist/
		},
		...(file
			? [
					{
						test: /\.(jpe?g|png|svg)$/,
						use: [
							{
								loader: 'url-loader',
								options: {
									limit: 8192,
									name: 'images/[name].[ext]'
								}
							}
						]
					}
			  ]
			: []),
		{
			test: /\.(ttf|woff2?)$/,
			use: [
				{
					loader: 'file-loader',
					options: {
						name: '[name].[ext]',
						outputPath: 'fonts',
						publicPath: '/fonts'
					}
				}
			]
		},
		{
			test: /\.yaml$/,
			use: ['json-loader', 'yaml-loader']
		},
		{
			test: /\.toml$/,
			use: ['toml-loader']
		},
		{
			test: /\.ne$/,
			use: [babelLoader, 'nearley-loader']
		},
		{
			test: /\.md$/,
			use: ['raw-loader']
		},
		{
			test: /\.pdf$/,
			use: ['file-loader']
		}
	]
}