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了,三個都可熱加載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM