vue-cli 脚手架配置px2rem-loader 和sass

1、 安装自行百度!

推荐直接去npm 官网上查! https://www.npmjs.com/

2、 找到webpack.base.conf.js > 在module> rules 下添加

{
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      }

sass就配置好了, 再页面中
<style lang="scss“  > 

3、配置px2rem-loader 这个插件

找到utils.js这个文件 在cssloader 后面加入

  var px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75
    }
  }
再然后吧这行替换成
  const loaders = options.usePostCSS
      ? [cssLoader, postcssLoader]
      : [cssLoader]
这个
  const loaders = [cssLoader, px2remLoader];

大功告成!