vue-cli 热加载设置问题
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了,三个都可热加载
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步