webpack воссоздает папки и подпапки в npm запустить сборку - PullRequest
Новая
       30

webpack воссоздает папки и подпапки в npm запустить сборку

0 голосов
/ 19 марта 2020

У меня есть локальный проект, использующий vue. js и vue -cli с папкой / assets, которая содержит дополнительные файлы, которые не копируются при запуске npm run build.

Как я могу скопировать содержимое папки и ее подпапок и переместить ее в папку / dist при запуске сборки без необходимости каждый раз копировать ее вручную?

Это то, что у меня так far, который работает для изображений, но любые * .db, * .mp4 и c не копируются. Папка assets находится в папке / sr c внутри моего vue проекта.

Я создал другой config.module.rule ('db'), как у меня с изображениями, но это нарушает веб-пакет.

Я также пытался https://github.com/webpack-contrib/copy-webpack-plugin, в результате которого возникает эта ошибка: «Недопустимые параметры в vue .config. js:« плагины »не разрешены»

Мне интересно, если это нерешенная проблема при попытке скопировать базу данных sqlite с помощью веб-пакета? 

/assets
---|--/db
---|--/media
--------|--/img
--------|--/video

// vue.config.js
const path = require("path");
const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
    publicPath: './',

    chainWebpack: config => {
      const imgRule = config.module.rule('images')
      imgRule.uses.clear()
      imgRule
        .use("file-loader")
        .loader("file-loader")
        .options({
          limit: 10000,
          name: process.env.NODE_ENV === 'production' ? 'assets/media/img/[name].[ext]' : 'assets/media/img/[name].[ext]' // -[hash]
        })
        .end();
    },
plugins: [
      new CopyPlugin([
        { from: 'assets/db/', to: 'assets/db/' },
      ]),
    ],
}
...