我正在使用 webpack
和 svg-url-loader
将 SVG 文件加载到我的 React 应用程序中。但重要的是我想将这个 ES5 要求转换为 ES6 导入。这是要求:
require('!!svg-url-loader?noquotes!../images/mustachio.svg')
我想出了这个导入语句:
import mustachio from '!!svg-url-loader?noquotes!../images/mustachio.svg'
但是有没有更干净的方法来做到这一点?
最佳答案
您应该使用默认的 webpack require
require('!!svg-url-loader?noquotes!../images/mustachio.svg')
或者你应该将 svg-url-loader 添加到你的 webpack 配置中;
module.exports = {
module: {
rules: [{
test: /\.svg/,
use: { loader: 'svg-url-loader', options: {noquotes: true}}
}]
}
}
现在您可以使用
import mustachio from './../images/mustachio.svg';
关于javascript - 如何将 es5 require 转换为 es6 import,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43620224/