react中怎么安装sass-js教程-PHP中文网

react中怎么安装sass

coldplay.xixi

发布： 2020-11-26 16:30:50

原创

5103人浏览过

react中安装sass的方法：首先安装【sass-loader】和n【ode-sass】依赖；然后打开react的webpack配置，并进行相关修改即可。

react中怎么安装sass

该方法适用于所有品牌电脑

react中安装sass的方法：

一、安装sass-loader和node-sass依赖

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

登录后复制

二、打开react的webpack配置

node_modules/react-scripts/config/webpack.config.js

登录后复制

找到module下的rules，oneof数组中，然后找到最后一个配置，修改成如下的样子

乐活途购物分享社区

beta v1.1版本为第一个版本，简单的整合了基础功能，各位站长拿到程序后，不要纠结后台的功能简单，后续将不断更新扩展。在beta v1.1版本使用过程中遇到什么问题，请登录 www.loftto.com 进行反馈！安装说明######重要提醒：程序不支持二级目录安装，请使用一级目录或二级目录绑定！#第一步，确定你的服务器支持PHP+mysql。#第二步，确定你的服务器开启了gd库。#第三步，

查看详情

            {
              loader: require.resolve('file-loader'),
              // Exclude `js` files to keep "css" loader working as it injects
              // its runtime that would otherwise be processed through "file" loader.
              // Also exclude `html` and `json` extensions so they get processed
              // by webpacks internal loaders.
              exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
              options: {
                name: 'static/media/[name].[hash:8].[ext]',
              },
            },
            // ** STOP ** Are you adding a new loader?
            // Make sure to add the new loader(s) before the "file" loader.
          {
            test:/\.scss$/,
            loaders: ['style-loader', 'css-loader', 'sass-loader']
          }

登录后复制