在 JS 中引入并使用 SASS 变量

当前项目使用的后台管理模板的 layout 的部分是有直接引用 sass 文件暴露出来的变量在业务代码中使用的。
比如说:

也没有怎么了解过看这个魔法使用的来源文章 中也只说是 webpack 支持了 CSS Modules 的功能，可以直接使用 :export 功能。

只需要在 .scss 中使用 :export { } 把需要暴露的变量暴露出来就可以在 JS 中使用 import 导入了

:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
阅读全文

使用 Webpack 的 Proxy 解决跨域问题

在这次的项目中，遇到了后端配置了允许跨域，但是我这边请求的时候还是提示跨域，后端折腾了会，我说算了，我这边本地做一下代里还快一点，你继续整接口吧。

所以就用到了 webpack-dev-server 的 proxy，但是有一些部分我并没有整明白，所以写一篇文章梳理一下。

最简单的就是直接在 webpack 的配置文件中启用 proxy 就可以了，

阅读全文

使用 webpack 打包时去除注释和控制台日志

开一个坑，今天怎么尝试也都只能在打包的时候去除 console 但是注释还是不会被去除掉。