Почему не работает обновление изменений внутри vue3 + docker?

Question

[700Hp]

Dockerfile

FROM node:16-alpine3.15

# set working directory
WORKDIR /app

# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH

# install and cache app dependencies
COPY package.json /app/package.json
RUN npm install
RUN npm install @vue/cli@5.0.4 --location=global

# start app
CMD ["npm", "run", "serve"]

.dockerignore

node_modules
.git
.gitignore

docker build -t client:dev .
docker run -v ${PWD}:/app -v /app/node_modules -p 8081:8080 --rm client:dev

Изменения в файле App.vue работают только после пересборки контейнера.

Comments

[700Hp]

Абсолютно чистый проект

[Дмитрий]

Потому что serve не мониторит изменения кода и не ребилдит приложение?

[700Hp]

Дмитрий,хм

[Дмитрий]

700Hp, используйте watch если это не прод.

[700Hp]

Дмитрий, да да, сейчас вот и читаю о св-ве к билду.

[700Hp]

Дмитрий, победил проблему следующим образом.
Настроил webpack watchOptions и теперь при старте serve, отслеживаю изменеиня раз в указанное кол-во времени.

vue.config.js

const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    configureWebpack: (config) => {
        const devWatchOptions = {
            aggregateTimeout: 200,
            poll: 100,
            ignored: ['node_modules']
        }
        const renderWatchOptions = () => process.env.NODE_ENV === 'development' ? devWatchOptions : {}
        config.watchOptions = renderWatchOptions()
    }
})

[Дмитрий]

700Hp, дык зафигачьте как ответ своего вопроса - другим будет легче когда наткнутся

Answer 1

[700Hp]

Победил проблему следующим образом.
Настроил webpack watchOptions и теперь при старте serve, отслеживаю изменеиня раз в указанное кол-во времени.

const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true,
    configureWebpack: (config) => {
        const devWatchOptions = {
            aggregateTimeout: 200,
            poll: 100,
            ignored: ['node_modules']
        }
        const renderWatchOptions = () => process.env.NODE_ENV === 'development' ? devWatchOptions : {}
        config.watchOptions = renderWatchOptions()
    }
})