Question

我使用名为Vuely的模板来创建管理应用。它使用vue.config.js进行webpack的实现，这就是为什么，我无法真正弄清楚webpack方面正在发生什么。现在的问题是，webpack监听所有预添加文件的更改。但是，如果我创建一个新文件，它将不会监听保存时的更改，也不会触发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不会重新加载浏览器，我必须手动进行。我想关于webpack的东西已损坏。我已经尝试删除node，npm，node_modules并重新安装，但是仍然相同。

感谢您的帮助！

Webpack不会监视vue文件中的更改

0 个答案: