在Webpack中配置loader加载器以实现正常打包样式文件

一、配置处理css文件的loader 在网页开发中 不推荐在页面中直接引入样式 有可能会产生多次请求问题: 使用了Webpack之后 可在main.js中引入CSS样式表: 就像引入其它模块一样(但语法略有区别) // 使用import语法导入CSS样式表 import ./css/index.css 但 webpack默认处理不了后缀名为.css的样式表文件 因为webpack默认只能打包处理js类型的文件 并不能处理其它非js类型的文件 若要处理非js类型的文件 需要手动安装其各自合适的loader(加载器) 安装步骤: 1、在项目根目录输入cnpm i style-loader