javascript - 如何将 es5 require 转换为 es6 import

Question

我正在使用 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'

但是有没有更干净的方法来做到这一点？

Answer 1

您应该使用默认的 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';