vue-cli 热加载设置问题

论坛 期权论坛 脚本     
匿名技术用户   2021-1-16 08:12   421   0

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了,三个都可热加载

转载于:https://www.cnblogs.com/hhweb/p/6805434.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP