码迷,mamicode.com
首页 > 移动开发 > 详细

react脚手架create-react-app配置sass

时间:2018-01-24 16:54:03      阅读:1280      评论:0      收藏:0      [点我收藏+]

标签:webp   java   mic   rod   loader   http   文件夹   soft   image   

本文介绍如何在react中配置sass

(1)下载node

(2)create-react-app 的安装

npm install -g create-react-app

(3)搭建项目

 

1. create-react-app my-project   生成一个项目
2. cd my-project

 

(4)配置sass

1.执行npm install sass-loader node-sass --save-dev

  

2.执行npm run eject  得到config和script两个文件夹

 

3.找到config中webpack.config.dev.js和webpack.config.prod.js分别rules中加入
   {
    test:/\.scss$/,
    loaders:[‘style-loader‘,‘css-loader‘,‘sass-loader‘]
  }

技术分享图片


 

react脚手架create-react-app配置sass

标签:webp   java   mic   rod   loader   http   文件夹   soft   image   

原文地址:https://www.cnblogs.com/cq-lcq/p/8341909.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!