来自公共路径的 Webpack 原始加载器?

Posted

技术标签:

【中文标题】来自公共路径的 Webpack 原始加载器?【英文标题】:Webpack raw loader from from public path? 【发布时间】:2017-10-15 14:51:56 【问题描述】:

我目前正在使用 webpack 原始加载器来加载文件,如下所示:

import svg from '!!raw-loader!./../../public/images/svg/project/flag.svg';

我在 Vue.js 中使用它,我想创建一个方法、混合器或插件来自动解析到我的公共路径。

如何让原始加载器从项目的根目录开始,而不是建立相对路径?

【问题讨论】:

【参考方案1】:

在这里找到答案:

http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/

将此添加到我的 webpack 配置中,现在可以正常工作:

resolve: 
    modules: [
        path.resolve('./'),
        path.resolve('./node_modules')
    ]

【讨论】:

以上是关于来自公共路径的 Webpack 原始加载器?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Webpack 文件加载器导入静态 json 文件给出文件路径而不是 json 内容

Webpack:无法解析模块“文件加载器”

从开发工具中的检查元素中查找原始源文件路径

核心数据 - 原始设置器/获取器更快吗?啥时候不使用?

回顾 webpack3 _

在 Webpack 2 中使用 TypeScript 加载 SASS 模块