在vue-cli项目里应用sass

在vue-cli项目里应用sass
第一步,
npm install node-sass --save-dev
npm install sass-loader --save-dev
第二步:在build/webpack.base.config.js配置如下
在module
rules里配置规则
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
},
第三步,使用
也可以直接写
<style lang="scss">
@import "../assets/main.scss";
</style>

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

推荐阅读更多精彩内容

  • vue-cli脚手架搭建
    1、使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），切换到安装位置，我...
    令武阅读 308评论 0赞 1
  • vue 项目 使用sass
    1，使用save会在package.json中自动添加。 2，npm install node-sass --sa...
    F2E_pyl阅读 730评论 0赞 0
  • 基于vue-cli使用sass
    本来是感觉很简单的配置，先是官网一看太复杂，跳过。。掘金搜，百度搜。。。感觉很多教程都是把简单的事情复杂化了 第一...
    QRFF阅读 2,957评论 0赞 0
  • vue-cli中配置sass
    原文链接：https://www.cnblogs.com/rainheader/p/6505366.html 一、...
    小灰灰黢黑色阅读 392评论 0赞 0
  • vue-cli node-sass安装问题
    第一步 npm install --save-dev node-sass --registry=http://re...
    木易辰然阅读 1,199评论 0赞 0