美文网首页开发碎片知识
Webpack是怎么打包css文件的?(原始版)

Webpack是怎么打包css文件的?(原始版)

作者: Gema玩家 | 来源:发表于2021-05-31 23:45 被阅读0次

(webpack所有的打包文件,都必须有依赖,没有跟页面有相关依赖的都会打包)


什么是loader?
Webpack不支持转化,比如es6转为es5,将scss,less转成css,将.jsx, .vue文件转成js文件等等。此时使用loader。

Loader使用过程:

  1. 通过npm安装使用的loader


  2. 在webpack.config.js中的modules关键字下进行配置。

注意:css-loader只负责打包加载,不负责告诉浏览器渲染,此时需要引入style-loader。
Style-loader负责将样式添加到dom中,使用多个loader时,顺序是从右往左进行。

相关文章

网友评论

    本文标题:Webpack是怎么打包css文件的?(原始版)

    本文链接:https://www.haomeiwen.com/subject/kmvisltx.html