小编Dev*_*rty的帖子

Webpack Dev Server不热重载.vue文件

正在研究一个项目,并确信HMR正在工作,我的任何.js文件,如果我要更新它们webpack将编译,模块将被替换所有热像.

我正在研究.vue文件,webpack会重新编译,但没有超级新的HMR.

希望有人可以看看并告诉我是否有什么东西是关闭的:

我在cli中使用的脚本看起来像这样.

webpack-dev-server --d --watch --output-path ./public --config ./_src/webpack.config.js --progress --env.dev

我猜最重要的一点是:

devServer: {
    contentBase: 'public',
    hot: true,
    filename: 'main.js',
    overlay: true,
    stats: { colors: true },
    port: 3000,
    proxy: {
      '/': {
        target: 'http://moment.local/',
        secure: false,
        changeOrigin: true
      }
    },
    historyApiFallback: true
  },
Run Code Online (Sandbox Code Playgroud)

但如果它有帮助,这是我的整个配置.

const webpack = require('webpack')
const {resolve} = require('path')

const ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = env => {
const addPlugin = (add, plugin) => add ? plugin : undefined
const ifProd = plugin => …
Run Code Online (Sandbox Code Playgroud)

javascript webpack vue.js webpack-dev-server

6
推荐指数
1
解决办法
1194
查看次数

标签 统计

javascript ×1

vue.js ×1

webpack ×1

webpack-dev-server ×1