增加 scss 支持

为了更好的驾驭css 我们需要sass的支持

安装

npm install node-sass --save-dev
npm install sass-loader --save-dev

指定源解决国内node-sass安装难的问题

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

说明:

--registry=https://registry.npm.taobao.org 淘宝npm包镜像

--disturl=https://npm.taobao.org/dist 淘宝node源码镜像,一些二进制包编译时用

--sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像

修改build/webpack.base.conf.js增加loader

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

vue 中使用

你可能感兴趣的:(增加 scss 支持)