打包CSS

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

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

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

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

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

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

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

相关推荐
切糕师学AI18 小时前
.NET Core Web 中的健康检查端点(Health Check Endpoint)
前端·kubernetes·.netcore
rosmis18 小时前
地铁病害检测系统软件改进记录-2-02
开发语言·前端·javascript
css趣多多18 小时前
解决ui组件flex1容器底部被撑开的问题
前端
乔江seven18 小时前
【python轻量级Web框架 Flask 】2 构建稳健 API:集成 MySQL 参数化查询与 DBUtils 连接池
前端·python·mysql·flask·web
Alaaaaaaan18 小时前
[DevOps]使用github-action工具部署docker容器(实现提交代码一键推送部署到服务器)
服务器·前端·docker·容器·github
摇滚侠19 小时前
css 设置边框
前端·css
星爷AG I19 小时前
9-24 视觉叙事(AGI基础理论)
前端·人工智能
2501_9400078919 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 鸿蒙适配与打包发布
前端·flutter
css趣多多19 小时前
跨域问题及Vue项目中本地/线上解决方法核心总结
前端
光影少年19 小时前
前端 AIGC
前端·aigc