使用Webpack与Bulma一起

Question

3

我有this非常简单的webpack项目，现在我想使用bulma一个CSS框架。

我通过npm i bulma安装了该包，并尝试使用以下代码将其包含在我的app.js文件中，但未成功：

import bulma from '~bulma/bulma.sass';

我也尝试使用特定的Sass部分，但也没有起作用：

import bulma from '~bulma/sass/base/_all';

你能帮我让这个工作起来，或者指点我正确的方向吗？

- lony

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nora · Accepted Answer

5

您需要更新webpack配置文件，以便sass加载器还可以处理sass文件，而不仅仅是scss文件。
将此行更改为：test: /\.(sass|scss)$/,而不是test: /\.scss$/,

- Nora

我使用 import 'bulma/bulma.sass';，并且没有看到任何错误，这对你有用吗？ - Nora

那就是解决方案，谢谢！记录一下，我遇到了一个 Module not found: Error: Can't resolve '~bulma/bulma.sass' 的错误。 - lony

1

如果你像我一样想知道sass和scss之间的区别，请查看https://dev59.com/1W035IYBdhLWcg3wC7if - lony

我可以问一个跟进的问题吗？考虑到我在这里添加了你所有的改进，现在我的npm run prod版本与npm run dev版本存在差异，似乎生成的CSS有所不同。深入分析后发现可能是PurifyCSSPlugin的结果。你知道我的设置出了什么问题吗？我该如何更精确地调试原因？ - lony