1.准备工作
删除上一篇中dist
及src
目录下部分文件,仅保留以下几个文件
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文件
- 在标签中使用