增加 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 中使用

<style lang="scss" type="text/css" scoped>
...
</style>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容