(шаблон мопса) TypeError: require не является функцией

Question

Вот мой код:

img(src=require('/images/menu/img.svg'))

Мне нужно, чтобы изображение было в папке dist с помощью веб-пакета.

{
    test: /\.pug$/,
    loaders: ['html-loader?attrs=img:src',
      'pug-html-loader?{"pretty":true,"exports":false}'
    ]
  },
  {
    test: /\.(png|jpe?g|svg)$/i,
    use: [{
      loader: "file-loader",
      options:{
        name:'[path][hash].[name].[ext]'
      }
    }]        
  }

Но я всегда получал эту ошибку. Пожалуйста помоги. Нужно ли устанавливать загрузчик или какие-либо зависимости?

TypeError: require is not a function

Answer 1

Я рекомендую вам плагин copy-webpack-plugin .

Установить:

npm install copy-webpack-plugin --save-dev

И добавить это в конфигурацию вашего веб-пакета:

const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
  // ...
  plugins: [
    new CopyPlugin([
      {
        from: path.resolve(__dirname, '/PATH-TO/images/menu/img.svg'),
        to: path.resolve(__dirname, '/dist/images/menu/img.svg')
      },
    ]),
  ],
  // ...
};