打包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内的属性名(该属性名可修改))

相关推荐
半生过往29 分钟前
2025 前端动效实战指南:Vue Bits & React Bits 深度拆解(功能 / 复用 / 高频问题处理)
前端·vue.js·react.js
程序员包打听32 分钟前
Vitest 4.0 重磅发布:Browser Mode 正式稳定,前端测试进入新纪元
前端
BumBle33 分钟前
UniApp 多页面编译优化:编译时间从10分钟到1分钟
前端
星链引擎37 分钟前
大语言模型的技术突破与稳定 API 生态的构建
前端
还是大剑师兰特37 分钟前
TypeScript 面试题及详细答案 100题 (71-80)-- 模块与命名空间
前端·javascript·typescript
BumBle37 分钟前
使用 SortableJS 实现vue3 + Element Plus 表格拖拽排序
前端·vue.js·element
玉宇夕落37 分钟前
HTML5 音乐敲击乐静态界面
前端
海在掘金6112738 分钟前
告别"拼写错误":TS如何让你的代码"字字精准"
前端
用户479492835691538 分钟前
什么是XSS攻击,怎么预防,一篇文章带你搞清楚
前端·javascript·安全
摸着石头过河的石头39 分钟前
深入理解JavaScript事件流:从DOM0到DOM3的演进之路
前端·javascript·性能优化