项目Header组件的开发注意事项

Posted 2020-12-03 knuzy

1. npm install stylus --save
2. npm install stylus-loader --save
3. 移动端一般采用rem布局方式
4. Header组件里iconfont的使用和代码优化：在src/assets/styles目录下新建一个iconfont文件夹，把iconfont.css文件放到style目录之中
5. 使用stylus定义变量：在styles目录下新建一个varibles.styl文件，把公用的样式放在这个文件之中 1 $bgColor = #00bcd4 ，之后就可以在项目里直接使用这个变量名了
6. 像src/assets/styles引用文件目录过长问题解决办法，像@代表src一样，在配置项中给引用文件目录添加别名：打开：build目录下的webpack.base.conf.js，找到：alias，在@之后添加别名（通过webpack的配置对项目代码进行简化）
7. 在修改webpack配置项之后，一定要重启服务器，不然会报错