Как изменить пути компиляции файлов?

Question

[Danya Wyse]

Сейчас при компиляции проекта на сборщике Вит, все компилируется в одну папку. Хотелось бы чтобы например файлы JS так же оставались в папке JS

Answer 1

[Михаил Р.]

vite.config.js:

export default {
  build: {
    outDir: 'dist', // имя общей выходной директории
    assetsDir: 'js' // имя директории со статикой
    //assetsDir: './' // размещение статики внутри "dist"
  }
}

Если через WebPack (webpack.config.js):

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist/js'),
    //path: path.resolve(__dirname, 'dist'), // размещение статики внутри "dist"
    filename: 'bundle.js'
  }
};

Comments

[Danya Wyse]

Почему такой код работает для всего, кроме js

output: {
        assetFileNames: ({ name }) => {
          if (/\.(gif|jpe?g|png|svg)$/.test(name ?? "")) {
            return "assets/images/[name]-[hash][extname]";
          }

          if (/\.(ttf|otf|fnt|woff|woff2|eot)$/.test(name ?? "")) {
            return "assets/fonts/[name]-[hash][extname]";
          }

          if (/\.css$/.test(name ?? "")) {
            return "css/[name]-[hash][extname]";
          }

          if (/\.js$/.test(name ?? "")) {
            return "js/[name]-[hash][extname]";
          }

          return "assets/[name]-[hash][extname]";
        },
      },