webpack提取分离css

最新推荐文章于 2024-11-04 14:01:23 发布

原创最新推荐文章于 2024-11-04 14:01:23 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

webpack 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用Webpack插件ExtractTextPlugin分离CSS文件，并进行压缩优化，通过具体配置步骤和代码示例，帮助读者掌握提升项目加载速度的技巧。

webpack提取分离css

1》下载(安装)

npm install extract-text-webpack-plugin@next -S

2》配置
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module:{

	rules:[
	{
		test:/\.css$/,
		use:ExtractTextPlugin.extract({

			fallback:"style-loader",
			use:[{
				loader:'css-loader',
				options:{
				  minimize:true
				  //css压缩
				}
			}],
			publicPath:"../"
		})
	}
	   ]
}