zoukankan      html  css  js  c++  java
  • 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了,三个都可热加载

  • 相关阅读:
    近期学习(3)
    近期学习(1)
    近期学习(2)
    今日练习
    《明朝那些事儿》
    记一次针对恶意攻击者的渗透测试
    Kali Linux使用问题记录
    MySQL floor()报错原理
    使用复合设计模式扩展持久化的CURD,Select能力
    c#/js代码命名规范及代码规范
  • 原文地址:https://www.cnblogs.com/hhweb/p/6805434.html
Copyright © 2011-2022 走看看