首页 > Web开发 > 详细

8 loader - 配置处理css样式表的第三方loader

时间:2019-11-17 12:38:36      阅读:72      评论:0      收藏:0      [点我收藏+]
// 使用import语法,导入css样式表
import './css/index.css'
// 注意:webpack,默认只能打包处理JS类型的文件,无法处理其它的非JS类型的文件;
// 如果要处理非JS类型的文件,我们需要手动安装一些 合适 第三方loader加载器;
// 1.如果想要打包处理css文件,需要安装 cnpm i style-loader css-loader -D
// 2.打开webpack.config.js这个配置文件,在里面,新增一个配置节点,叫做module,它是一个对象;
// 在这个module对象上,有个rules属性,这个rules属性是个数组;这个数组中,存放了,所有第三方文件的匹配和处理规则;
module:{//这个节点,用于配置所有第三方模块加载器
        rules:[//所有第三方模块的匹配规则
            {test:/\.css$/,use:['style-loader','css-loader']},//配置处理.css文件的第三方loader规则
        ]
    }

8 loader - 配置处理css样式表的第三方loader

原文:https://www.cnblogs.com/songsongblue/p/11875799.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!