没有 webpack 的 url-loader？

大佬教程收集整理的这篇文章主要介绍了没有 webpack 的 url-loader？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决没有 webpack 的 url-loader？？

开发过程中遇到没有 webpack 的 url-loader？的问题如何解决？下面主要结合日常开发的经验，给出你关于没有 webpack 的 url-loader？的解决方法建议，希望对你解决没有 webpack 的 url-loader？有所启发或帮助；

我有一个组件库，将随附一些小资产（图像）。这些资产被导入到库中的各种组件中。

构建脚本使用 babel（不带 webpack）将 Js(X) 转译到构建目录，目前正在将图像转储到 build/assets/images。

这在测试构建时有效，但在另一个项目中使用该组件（使用 webpack）时，该组件会尝试引用 node_modules 文件夹：

示例组件：

import myImage from './assets/images/myImage.png';

const MyComponent = () => (
    <img src={myImagE} />
);

export MyComponent;

用法：

import MyComponent from 'mylibrary/MyComponent';

export default () => (
    <MyComponent />
);

错误信息：

@H_467_23@myImage.png:1 GET http://localhost:9001/node_modules/mylibrary/assets/images/myImage.png 404（未找到）

据我所知，包含资产的“最佳”方式是使用 url-loader，以便将它们转换为数据 uri。但是，尝试在没有 Webpack 的情况下使用 url-loader 是行不通的：

babel.config.Js

    ...
    plugins: [
        [
            "url-loader",{
                "extensions": ["png","jpg","jpeg","gif","svg","pdf"],"limit": 0
            }
        ]
    ]
    ...

错误：找不到模块“babel-plugin-url-loader”

解决方法

大佬总结

以上是大佬教程为你收集整理的没有 webpack 的 url-loader？全部内容，希望文章能够帮你解决没有 webpack 的 url-loader？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。