vue-cli配置后,發現npm run dev每次需要重新啟動,配置文件build/dev-server.js 的
var devMiddleware = require('webpack-dev-middleware')(compiler, { publicPath: webpackConfig.output.publicPath, quiet: true, //添加了這么點 stats: { colors: true, chunks: false } })
添加了stats后就可以了,然后發現不對,沒有stats又可以了,很奇怪的,其他也沒改哪里啊,突然就好了,不管了,你只需要知道什么是熱加載就好了,對,就是下面的部分設置
var express = require('express') var webpack = require('webpack') var webpackConfig = process.env.NODE_ENV === 'testing' ? require('./webpack.prod.conf') : require('./webpack.dev.conf') var app = express() var compiler = webpack(webpackConfig) var devMiddleware = require('webpack-dev-middleware')(compiler, { publicPath: webpackConfig.output.publicPath, quiet: true }) app.use(devMiddleware) app.listen()
然后測試下,修改html/css/js保存,頁面自動刷新
測試的時候修改js,有那個驗證真的好煩的,太煩了,空格和;都不可以的?
下面去除這個,在webpack.base.conf.js,
loader: 'eslint-loader'
ok了,三個都可熱加載