打包CSS

接上一个打包HTML继续进行CSS的打包

1.在之前的文件夹里的src文件夹创建一个css文件

打包CSS_第1张图片

2.在浏览器打开webpack——>中文文档——>指南——>管理资源——>加载CSS

3.复制第一句代码到终端

4.复制下图代码到webpack.config.js脚本的plugins:[.....]内容下(plugins为包装HTML脚本内容)

打包CSS_第2张图片

打包CSS_第3张图片

5.在src的js文件内引入css

6.在终端运行 npm run tesx (test为package.json内scripts内的属性名(该属性名可修改))

你可能感兴趣的:(css,前端)