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

相关推荐
qiyi.sky7 分钟前
JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)
前端·javascript·vue.js
煸橙干儿~~10 分钟前
分析JS Crash(进程崩溃)
java·前端·javascript
安冬的码畜日常19 分钟前
【D3.js in Action 3 精译_027】3.4 让 D3 数据适应屏幕(下)—— D3 分段比例尺的用法
前端·javascript·信息可视化·数据可视化·d3.js·d3比例尺·分段比例尺
l1x1n01 小时前
No.3 笔记 | Web安全基础:Web1.0 - 3.0 发展史
前端·http·html
昨天;明天。今天。1 小时前
案例-任务清单
前端·javascript·css
zqx_72 小时前
随记 前端框架React的初步认识
前端·react.js·前端框架
惜.己3 小时前
javaScript基础(8个案例+代码+效果图)
开发语言·前端·javascript·vscode·css3·html5
什么鬼昵称3 小时前
Pikachu-csrf-CSRF(get)
前端·csrf
长天一色3 小时前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)
服务器·开发语言·前端·javascript·性能优化·ecmascript
NiNg_1_2343 小时前
npm、yarn、pnpm之间的区别
前端·npm·node.js