先展示一下使用环境:
相关的指令:

node -v
npm -v
webpack -v
node-sass -v

在这里插入图片描述 在这里插入图片描述
查看是否有已经安装的sass版本:
在这里插入图片描述
卸载指令:npm uninstall --save node-sass
在这里插入图片描述

执行安装sass相关的语句:

npm i -D node-sass@4.12.0
npm i -D sass-loader@7.1.0

在这里插入图片描述
安装后使用要在build/webpack.base.conf.jsde里的在module的rules中插入以下代码添加配置:(注意逗号)

{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},

在这里插入图片描述

然后运行我们的项目,看看定制的样式页面成功没有:
在这里插入图片描述
ok完美

GitHub 加速计划 / no / node-sass
8.5 K
1.33 K
下载
:rainbow: Node.js bindings to libsass
最近提交(Master分支:2 个月前 )
6081731a Bumps [actions/setup-node](https://github.com/actions/setup-node) from 3 to 4. - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](https://github.com/actions/setup-node/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/setup-node dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 8 个月前
62c0f46c Bumps [actions/checkout](https://github.com/actions/checkout) from 3 to 4. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 8 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐