Я использую шаблон Vuely для создания приложения администратора.Он использует vue.config.js для реализации веб-пакета, и поэтому я не мог понять, что происходит на стороне веб-пакета.Теперь проблема в том, что веб-пакет прослушивает изменения для всех предварительно добавленных файлов.Однако, если я создаю новый файл, он не прослушивает изменения при сохранении, а также не запускает компиляцию для файлов vue.
Вот мой файл vue.config.js:
const path = require('path')
const webpack = require('webpack')
module.exports = {
baseUrl: process.env.NODE_ENV === 'production' ? '/' : '/',
configureWebpack: {
module: {
rules: [
{
enforce: 'pre',
test: /\.(js|vue)$/,
exclude: /node_modules/,
use: [
{
loader: 'eslint-loader',
options: {
formatter: require('eslint-friendly-formatter')
}
}
]
}
]
},
resolve: {
alias: {
Api: path.resolve(__dirname, 'src/api/'),
Components: path.resolve(__dirname, 'src/components/'),
Constants: path.resolve(__dirname, 'src/constants/'),
Container: path.resolve(__dirname, 'src/container/'),
Views: path.resolve(__dirname, 'src/views/'),
Helpers: path.resolve(__dirname, 'src/helpers/'),
Themes: path.resolve(__dirname, 'src/themes/')
},
extensions: ['*', '.js', '.vue', '.json']
},
devServer: {
hot: true
},
plugins: [
// jquery plugin
new webpack.ProvidePlugin({
$: 'jquery',
jquery: 'jquery',
'window.jQuery': 'jquery',
jQuery: 'jquery'
})
]
}
}
Как сделать так, чтобы webpack смотрел и компилировал недавно добавленные файлы Vue?Кроме того, после завершения компиляции webpack не перезагружает браузер, и я должен сделать это вручную.Я предполагаю, что что-то в веб-пакете повреждено.Я уже пытался удалить node, npm, node_modules и переустановить, но все так же.
Любая помощь приветствуется!