# 使用 webpack 进行字体文件处理

import 'style-loader/lib/addStyles';
import 'css-loader/lib/css-base';

import './assets/fonts/iconfont.css';

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

let extractTextPlugin = new ExtractTextPlugin({
	filename: '[name].min.css',
	allChunks: false
});

module.exports = {
	entry: {
		app: './src/app.js'
	},
	output: {
		publicPath: __dirname + '/dist/',
		path: path.resolve(__dirname, 'dist'),
		filename: '[name].bundle.js',
		chunkFilename: '[name].chunk.js'
	},
	module: {
		rules: [
			{
				test: /\.css$/,
				use: ExtractTextPlugin.extract({
					fallback: {
						loader: 'style-loader'
					},
					use: [
						{
							loader: 'css-loader'
						}
					]
				})
			},
			{
				test: /\.(eot|woff2?|ttf|svg)$/,
				use: [
					{
						loader: 'url-loader',
						options: {
							name: '[name]-[hash:5].min.[ext]',
							/* fonts file size <= 5KB, use 'base64'; else, output svg file */
							limit: 5000,
							publicPath: 'fonts/',
							outputPath: 'fonts/'
						}
					}
				]
			}
		]
	},
	plugins: [extractTextPlugin]
};