Изменение пути к файлам js и css в производственной сборке
Мне нужна помощь или, по крайней мере, мне нужно указать правильное направление. Я пытаюсь развернуть приложение 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 путем настройки webpack. Кажется, я не могу понять этого. Я понимаю настройку baseURL, но я могу понять эту часть ... любая помощь будет оценена.
Спасибо
Ответы 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',
}
}
};Я добавил publicPath: ‘’ в объект вывода в configureWebpack, и это решило проблему.
похоже, это работает, единственная проблема в том, что он дает мне /app.js, мне нужно иметь app.js без косой черты в HTML. Я развертываю это как портлет на портале Websphere, и это единственный способ, которым он работает правильно.