Изменение пути к файлам js и css в производственной сборке

Question

Мне нужна помощь или, по крайней мере, чтобы меня указали в правильном направлении. Я пытаюсь развернуть приложение vuejs с помощью Vue CLI 3. Когда я запускаю команду сборки, файлы встраиваются в папку dist, которая работает нормально. Внутри dist также есть папка js и css, в которой находятся соответствующие файлы. В моем index.html пути создаются как /css/app.css или /js/app.js. Я хочу, чтобы файлы просто помещались в папку dist вместе с index.html и пути для чтения просто app.css или app.js. Моя цель - удалить / css /.

Я предполагаю, что это выполняется в vue.config.js путем настройки веб-пакета. Я не могу понять это. Я понимаю настройку baseURL, но могу разобраться с этой частью ... любая помощь будет признательна.

Спасибо

Answer 1

здесь ответили https://github.com/vuejs/vue-cli/issues/1967

в основном конфиг должен выглядеть так

module.exports = {
  chainWebpack: (config) => {
    config.module
      .rule('images')
      .use('url-loader')
      .tap(options => Object.assign({}, options, {
        name: '[name].[ext]'
      }));
  },
  css: {
    extract: {
      filename: '[name].css',
      chunkFilename: '[name].css',
    },
  },
  configureWebpack: {
    output: {
      filename: '[name].js',
      chunkFilename: '[name].js',
    }
  }
};