【问题标题】:Using bulma together with webpack将 bulma 与 webpack 一起使用
【发布时间】:2017-08-16 21:47:55
【问题描述】:

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

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

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

我也尝试使用特定的 sass 部分,但也没有用:

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

您能帮我完成这项工作,或者为我指明正确的方向吗?

【问题讨论】:

    标签: npm webpack bulma


    【解决方案1】:

    您需要更新您的 webpack 配置文件,以便 sass 加载程序也处理 sass 文件,而不仅仅是 scss 文件。
    更改此行: test: /\.scss$/,test: /\.(sass|scss)$/

    【讨论】:

    • 我使用import 'bulma/bulma.sass';,我没有发现任何错误,这对你有用吗?
    • 这就是解决方案,谢谢!作为记录,我有一个Module not found: Error: Can't resolve '~bulma/bulma.sass' 错误。
    • 如果你和我一样想知道 sass 和 scss 有什么区别,请看stackoverflow.com/questions/5654447/…
    • 我可以问一个后续问题吗?考虑到我添加了您的所有改进here 我有一个问题,即我的npm run prod 版本与npm run dev 不同,生成的 css 似乎有些不同。更深入地分析它可能是 PurifyCSSPlugin 的结果。你知道我的设置有什么问题吗?如何更准确地调试原因?
    猜你喜欢
    • 2021-12-05
    • 2017-12-09
    • 2020-10-05
    • 2016-01-27
    • 1970-01-01
    • 2017-08-05
    • 2021-02-22
    • 2016-10-09
    • 2023-04-05
    相关资源
    最近更新 更多