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

标签：三方   loader   第三方   ack   它的   bpa   config   对象   web   

// 使用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

标签：三方   loader   第三方   ack   它的   bpa   config   对象   web   

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