ExtractTextPlugin是一个用于将CSS从JavaScript文件中提取出来的webpack插件。它在webpack 2中不再工作的原因是因为webpack 2引入了新的方式来处理CSS,即使用了新的模块系统——CSS模块。在webpack 2中,可以使用内置的style-loader
和css-loader
来处理CSS模块,并将其直接嵌入到JavaScript文件中。
在webpack 2中,可以通过以下方式来处理CSS模块:
style-loader
和css-loader
:npm install style-loader css-loader --save-devmodule.rules
配置项来定义处理CSS的规则:module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
}
]
}import
或require
语句来引入CSS文件:import './styles.css';这样,webpack会将CSS文件转换为JavaScript模块,并将其嵌入到最终的打包文件中。
需要注意的是,以上方法适用于处理纯CSS文件。如果需要处理Sass、Less等预处理器语言,还需要安装相应的loader,并在webpack配置文件中进行相应的配置。
推荐的腾讯云相关产品:无
参考链接:
企业创新在线学堂
企业创新在线学堂
视频云直播活动
Elastic 实战工作坊
Elastic 实战工作坊
第三期Techo TVP开发者峰会
Techo Day 第二期
企业创新在线学堂
腾讯云存储知识小课堂
领取专属 10元无门槛券
手把手带您无忧上云