weex样式sass\scss

当你的weex项目不断变大,一些样式共享,公共颜色,大小尺寸等的管理,就是你需要面对的问题。

废话不多说,先上干货:
  • 先安装sass依赖,
npm install node-sass --save-dev
npm install sass-loader --save-dev
  • 之后webpack.common.conf.js中配置loader,如下图,在两个module处,增加红框配置
    weex样式sass\scss_第1张图片
  • 最后用 import 引入的sass文件进行加载
//也可以 lang="scss"
<style lang="sass">
//导入写好的文件
@import "./style.scss";
</style>

你可能感兴趣的:(weex,weex,sass)