# webpack

**Repository Path**: Haku10086/webpack

## Basic Information

- **Project Name**: webpack
- **Description**: webpack demo
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-16
- **Last Updated**: 2022-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 响应式网页 (原稿)[https://demos.onepagelove.com/html/aria/]

### 设计流程

### 知识总结

1. rem 是根 em（root em）的缩写。rem 是和根元素关联的，不依赖当前元素。
   - 伪类 :root 等价于 html 选择器，此处可以修改浏览器当前页面默认字体大小
   - 使用浏览器的默认字号大小（16px），根元素的 1em 等于浏览器的默认字号大小
2. `npm install --save-dev style-loader css-loader` webpack 样式 loader 命令
   - css-loader 的任务：把 css 文件作为模块打包
   - style-loader 的任务：把打包好的 css 文件动态的插入到 html 文件的 \<style> 标签内
3. `npm install --save-dev file-loader` 背景和图标图片的 loader 命令
4. 随着软件版本的更迭各命令行的格式或者书写方法会发生一定变化及时调整即可（搜索引擎）
5. NODE、NPM 版本也会影响程序运行，总之编程是一门玄学，需要亿点运气（软件版本之间也会影响）
6. 前端工具的选择有多种，但最终目的都应该要为开发提供便捷，所以选择合适自己的即可，不用也可以如果它们拖延了开发进程