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

  • 相关阅读:
    [CF1342D] Multiple Testcases
    [CF448D] Multiplication Table
    [CF459C] Pashmak and Buses
    [CF766E] Mahmoud and a xor trip
    [CF35E] Parade
    [CF15C] Industrial Nim
    [CF9D] How many trees?
    [CF19B] Checkout Assistant
    [CF22D] Segments
    [CF21D] Traveling Graph
  • 原文地址:https://www.cnblogs.com/hhweb/p/6805434.html
Copyright © 2011-2022 走看看