上一篇我们已经将 webpack 基本环境构建起来了,实际上webpack 本身只能将 es6 构建成  es5,

这个功能太弱,这一篇,我们打造让webpack 打包css ,这个时候我们就需要 css-loader style-loader

css-loader 是将 css 转成js 放到js 代码中的,而

style-loader 是在html 页面中生成样式style 标签用的

好,我们开始实际操作!

1, 安装npm i style-loader css-loader -D

 

2, 配置:

wepack学习2

 

 

3, 我们写一个css 文件试试,试试又不会怀孕,试试又不要钱!

wepack学习2

 

4,我们引入进到index.js 中!

wepack学习2

 

我们在目标html 中写一个div ,看它起作用不?

wepack学习2

 

行,到此我们就写好了!

我们命令行走起!

webpack

wepack学习2

 

妥妥的运行没有任何问题,到此我们css 也可以构建了!

 

 

 

 

 

 

 

 

相关文章:

  • 2021-10-07
  • 2021-07-08
  • 2021-12-05
  • 2021-12-15
  • 2021-11-28
  • 2022-01-07
  • 2022-01-15
  • 2021-10-11
猜你喜欢
  • 2021-05-31
  • 2022-12-23
  • 2021-12-07
  • 2021-07-30
  • 2021-07-26
  • 2021-12-20
  • 2021-10-01
相关资源
相似解决方案