我的node_modules文件夹中有很棒的字体,所以我try 将其导入主文件夹.像这样的scss文件:

@import "../../node_modules/font-awesome/scss/font-awesome.scss";

但告诉我,网页包Bundle 编译失败了

Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot 

因为字体很棒.scss文件指的是相对路径"/字体/'.

如何让scss\webpack@import另一个文件,并将该文件的文件夹用作主文件夹,以便其相对路径按预期工作?

推荐答案

似乎没有任何方法可以@import在SCSS\SASS中有自己相对路径的文件.

因此,我设法让this人开始工作:

  • 在my中导入scss\css字体文件.js或.jsx文件,not个我的样式表文件:

    import 'font-awesome/scss/font-awesome.scss';    
  • 将此添加到我的网页包中.配置文件:

    module:
    {
        loaders:
        [
            {test: /\.js?$/, loader: 'babel-loader?cacheDirectory', exclude: /(node_modules|bower_components)/ },
            {test: /\.jsx?$/, loader: 'babel-loader?cacheDirectory', exclude: /(node_modules|bower_components)/ },
            {test: /\.scss?$/, loaders: ['style-loader', 'css-loader', 'sass-loader']},         
            {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader?mimetype=image/svg+xml'},
            {test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader?mimetype=application/font-woff"},
            {test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader?mimetype=application/font-woff"},
            {test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader?mimetype=application/octet-stream"},
            {test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader"},
        ]
    }

Node.js相关问答推荐

Sveltekit停靠的应用程序找不到从Build导入的包

Mongoose抱怨说,整数是数字,而不是整数

尽管 tsconfig 中提供了正确的路径,但仍出现找不到模块错误

Solidity 将数据位置从内存更改为存储

在对象数组中的数组中嵌套 $lookup - Mongodb

使用 fs.createWriteStream 将数据写入 bigquery (node.js) 时出现模式错误

TypeError:在使用 Jest、Supertest、Express、Typescript 进行测试时无法读取未定义的属性(读取listen)

图像存储在后端文件夹中,但使用 multer 和 react.js 在前端找不到

[NodeJs 从 ADAL 升级到 MSAL]:无法在字符串上创建属性authenticationScheme

Winston http 日志(log)级别的行为与 info 不同

cURL 和 shell 任务

突然 React 无法执行create-react-app命令.为什么会发生这种情况,我该如何解决?

带有 node.js 和 express 的基本网络服务器,用于提供 html 文件和assets资源

Ansible 将以什么用户身份运行我的命令?

所有的javascript回调都是异步的吗?如果不是,我怎么知道哪些是?

如何在 node 中找到引用站点 URL?

JavaScript 异步编程:promise 与生成器

node.js 模块和函数中this的含义

如何从 Node.js 中的 URL 获取

响应分块时获取整个响应正文?