webpack4 - 2.打包css

1.准备工作

删除上一篇中distsrc目录下部分文件,仅保留以下几个文件
src/index.js

// 引入css文件
import './css/index.css'
import test from './js/test'
let text = test()
document.body.innerHTML=text

src/js/test.js

export default function () {
    return "test..."
}

src/css/index.css

body {
    color: red;
    background: green;
}

dist/index.html




    
    Title





2.使用Loader

webpack本身是不能处理css文件的,不过可以借助一些loader实现。

在html文档中要使用css有两种方式,分别是

  • 在标签中使用引用css文件
  • 在标签中使用