webpack学习笔记三：实现加载CSS、image图片、fonts字体

加载css

安装依赖

npm install --save-dev style-loader css-loader

配置文件,webpack.config.js中

module: {
    
    
		rules: [
			{
    
    
				test: /\.css$/,
				use: [
				'style-loader',
				'css-loader',
				],
			},
		],
   },

加载图片image,和字体fonts

安装依赖

npm install --save-dev file-loader

配置文件,webpack.config.js中

module: {
    
    
	rules: [
		{
    
    
			test: /\.css$/,
			use: ["style-loader", "css-loader"],
		},
		{
    
    
			test: /\.(png|svg|jpg|gif)$/,
			use: ["file-loader"],
		},
		{
    
    
			test: /\.(woff|woff2|eot|ttf|otf)$/,
			use: ["file-loader"],
		},
	],
},