在React当中使用scss和按需加载antd
在React当中使用scss和按需加载antd
小小杰啊
发布于 2022-12-21 21:18:17
发布于 2022-12-21 21:18:17
# 在React当中使用scss
在实际的开发当中，因为css没有编程的特性，我们经常会选择富有编程特性的css预处理语言来编写css，scss就是其中的一种
在create-reacte-app的项目当中，使用淘宝镜像安装node-sass
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass同时安装sass-loader，这里我使用yarn进行安装
yarn add sass-loader --dev为了更好的使用scss的全局变量，可以让一个scss文件在构建的时候自动到项目当中，需要安装sass-resources-loader
yarn add sass-resources-loader --dev全局配置如下：
配置webpack.config.js文件如下：
.concat({
loader: 'sass-resources-loader',
options: {
resources: [
path.resolve(__dirname, './../src/styles/main.scss')
]
}
})# 按需加载antd
安装完antd之后，进行如下配置
webpack.config.js文件如下：
['import', { libraryName: 'antd', style: 'css' }],本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-11-20，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录