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

  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配置项之后,一定要重启服务器,不然会报错
你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
原文地址:https://www.cnblogs.com/knuzy/p/9291872.html