Измените путь к chunk-vendors.js в CLI Vue.js (конфигурация веб-пакета)

Question

У меня есть следующее vue.config.js:

module.exports = {
filenameHashing: false,
productionSourceMap: false,
outputDir: '../vuejs/',
configureWebpack: {
    devtool: 'source-map',
    output: {
        filename: '[name].js'
    }
},
pages: {
    feature1: {
        entry: 'src/f1.js',
        template: 'public/feature.html',
        filename: 'index1.html',
        title: 'Feature 1',
        chunks: ['chunk-vendors', 'chunk-common', 'feature1']
    },
    feature2: {
        entry: 'src/f2.js',
        template: 'public/feature.html',
        filename: 'index2.html',
        title: 'Feature 2',
        chunks: ['chunk-vendors', 'chunk-common', 'feature2']
    }
} 
}

При npm run build он генерирует:

index1.html 
index2.html 
feature1.js 
feature2.js 
js/chunk-vendors.js

в папке dist (../vuejs/)

Как я могу изменить конфигурацию, чтобы файл chunk-vendors.js был помещен в корневую папку (где feature1.js и feature2.js).

PS: (дополнительный вопрос) Мне на самом деле не нуженhtml-файлы, поскольку я встраиваю vue.js *.js в существующее приложение.Могу ли я подавить генерацию HTML-файлов?

Answer 1

Вы можете определить явное chunkFilename;Например:

module.exports = {
  outputDir: 'my/custom/build/path/',
  configureWebpack: (config) => {
      config.output.filename = '[name].[hash:8]js';
      config.output.chunkFilename = '[name].[hash:8].js';
  }
}

Что должно генерировать что-то вроде:

my/custom/build/path/app.216ad62b.js
my/custom/build/path/app.216ad62b.js.map
my/custom/build/path/chunk-vendors.6f85144f.js
my/custom/build/path/chunk-vendors.6f85144f.js.map

Надеюсь, это поможет:)