为了账号安全,请及时绑定邮箱和手机立即绑定

全程按视频敲下来,可每次保存热更新速度很慢,要等七八秒才能更新完成,求解

每一步都是按照老师视频写的,可是为什么视频上更新那么快,自己搭建的 编辑一次 要好长时间才能更新

https://img1.sycdn.imooc.com//5b93b5eb0001771909640855.jpghttps://img1.sycdn.imooc.com//5b93b5f90001203409680703.jpg

正在回答

5 回答

if (isDev) {
    config.mode = 'development'
    }
    
    果然如此,按照楼上说的,我之前家在一次大概5秒,去除这个警告之后就很快


0 回复 有任何疑惑可以回复我~
#1

qq_逗号_EJKSTZ

大概143ms,可以了
2018-09-29 回复 有任何疑惑可以回复我~

我刚开始也很慢 大概是1570ms,修复了webpack 开发和生产模式的mode的那个警告后,只用了43ms就好了

const path = require('path')
const {VueLoaderPlugin} = require('vue-loader')
const HTMLPlugin = require('html-webpack-plugin')
const webpack = require('webpack')

const isDev = process.env.NODE_ENV === 'development'

const config = {
    target: "web",
    mode: "production",
    entry: path.join(__dirname, 'src/index.js'),
    output: {
        filename: "bundle.js",
        path: path.join(__dirname, 'dist')
    },
    module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.(gif|jpg|jpeg|png|svg)$/,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 1024,
                            name: '[name].[ext]'
                        }
                    }
                ]
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin(),
        new webpack.DefinePlugin({
            'process.env':{
                NODE_ENV: isDev ? '"development"' : '"production"'
            }
        }),
        new HTMLPlugin()
    ]
}

if (isDev) {
    config.mode = 'development'
    config.devtool = '#cheap-module-eval-source-map'
    config.devServer = {
        port: 8000,
        host: '0.0.0.0',
        overlay: {
            errors: true
        },
        hot: true
    }
    config.plugins.push(
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NodeEnvironmentPlugin()
    )
}

module.exports = config


0 回复 有任何疑惑可以回复我~

现在 用的是webpack4  视频里用的3  我把webpack降到3打包速度就一样了很快,但是感觉这也不是解决办法,等看完视频再整体升级到4找找别的办法

0 回复 有任何疑惑可以回复我~

devServer 参数  open 去掉,open每次打开一个网页肯定慢

0 回复 有任何疑惑可以回复我~

我没有你的问题。。。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

全程按视频敲下来,可每次保存热更新速度很慢,要等七八秒才能更新完成,求解

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信