安装sass失败总结

总之一句话,必须版本锁定,不然安装一次折腾一次,我也是折腾两次了,打算记录下来以后直接使用

  • 1.安装好脚手架后执行以下命令,最后一个不需要版本锁定
cnpm install sass-loader@7.3.1 -D    //安装sass-loader
cnpm install node-sass@4.14.1 -D    //安装node-sass
cnpm install style-loader -D    //安装style-loader
  • 2.在脚手架vue.config.js进行配置,这里注意sass配置改变了
css: {    
    // 是否分离css(插件ExtractTextPlugin)
    extract: true,    
    // 是否开启 CSS source maps
    sourceMap: false,   
    // css预设器配置项
    loaderOptions: {
        sass: {
            prependData: `@import "@/assets/css/base.scss";`
        }
      },   
    // 是否启用 CSS modules for all css / pre-processor files.
    modules: false
  },


// 以前的sass配置:
sass: {
      data: `@import "~@/assets/name.scss";`
}

// 现在新的配置:
sass: {
      prependData: `@import "@/assets/css/base.scss";`
}
npm config set registry https://registry.npm.taobao.org
npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
npm install
千千学习、练习用
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。