80. node-sass 修改小数点后保存的精度

方法一：修改 vue.config.js

css: {
     // 是否使用css分离插件 ExtractTextPlugin
     extract: IS_PROD, //注释css热更新生效
     // 开启 CSS source maps?
     sourceMap: false,
     // css预设器配置项
     loaderOptions: {
       // 对项目中的sass和scss 起作用，默认是 sass-loader，sass-loader 默认依赖的是 node-sass 
       sass: {
         // 引入全局的样式
         data: `
           @import "@/assets/css/common.scss";
           `,
         // sassOption 类中的一项配置，配置 node-sass 的精度，默认 node-sass 中的变量是 5 位，在屏幕适配的时候会出现因为位数不够导致的和设计图尺寸不一致的问题；
         precision: 10, // 配置node-sass 的精度，默认是5
       },
     }
   },
方法二：修改 node-sass 源码，不建议，因为nodemodules 中的文件不会添加到版本依赖中去，不方便维护；

24e483d42a4c5c9254503550395c0b7.png