vue2.x中配置scss环境

1、安装依赖

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

npm install  style-loader css-loader --save-dev

2、修改文件配置webpack.base.config.js

rules下修改:

{

    test: /\.vue$/,

    loader: 'vue-loader',

    options: {

      loaders: {

        'scss': 'style-loader!css-loader!sass-loader'

      }

    }

  }

添加:

      {

        test: /\.scss$/,

loaders: ["style","css","sass"]          // 顺序不能乱

      }

3、使用

<style lang="scss" scoped></style>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。