Npm 结合网页使用bulma

Npm 结合网页使用bulma,npm,webpack,bulma,Npm,Webpack,Bulma,我有一个非常简单的网页项目,我现在还想使用css框架 我通过npm I bulma安装了该软件包,并尝试将其包含在我的app.js-文件中,但未成功地使用了以下截图: import bulma from '~bulma/bulma.sass'; 我还尝试使用特定的sass部件,但也不起作用: import bulma from '~bulma/sass/base/_all'; 你能帮我完成这项工作吗,或者给我指出正确的方向吗?你需要更新你的网页配置文件,这样sass加载器就可以处理sass文

我有一个非常简单的网页项目,我现在还想使用css框架

我通过
npm I bulma
安装了该软件包,并尝试将其包含在我的
app.js
-文件中,但未成功地使用了以下截图:

import bulma from '~bulma/bulma.sass';
我还尝试使用特定的sass部件,但也不起作用:

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

你能帮我完成这项工作吗,或者给我指出正确的方向吗?

你需要更新你的网页配置文件,这样sass加载器就可以处理
sass
文件,而不仅仅是
scss
文件。
更改此行:
test:/\.scss$/,
test:/\.(sass | scss)$/

我使用
导入'bulma/bulma.sass'我没有看到错误,这对您有效吗?这就是解决方案,谢谢!作为记录,我有一个
模块未找到:错误:无法解决“~bulma/bulma.sass”
错误。如果像我一样,你想知道sass和scss之间的区别是什么,我可以问一个后续问题吗?考虑到我添加了您所有的改进,我的
npm-run-prod
版本与
npm-run-dev
版本不同,结果css中似乎有些不同。再深入一点分析,这可能是纯化CSSPlugin的结果。你知道我的设置有什么问题吗?如何更精确地调试原因?