javascript - webpack 无法自动刷新
大家讲道理
大家讲道理 2017-04-11 11:25:35
[JavaScript讨论组]

wepack配置了 webpack-dev-server ,貌似也监听到了文件的变化,但是bundle.js中没有跟着刷新,怎么回事?
目录如下

package.json

请输入代码

{
"name": "webgldeom",
"version": "1.0.0",
"description": "use threejs demo",
"main": "./app/index.js",
"scripts": {

"webpack": "node node_modules/webpack/bin/webpack.js",
"start": "node node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --port 8080 --progress",
"build": "node node_modules/webpack/bin/webpack.js -p --devtool hidden-module-source-map"

},
"author": "bin.yang",
"license": "ISC",
"devDependencies": {

"webpack": "^1.14.0",
"webpack-dev-server": "^1.16.2"

}


配置文件:webpack.config.js如下

var webpack = require('webpack');

    module.exports = {
        devtool: 'source-map',
    
        //页面入口文件配置
        entry:'./app/index.js',
        
        //入口文件输出配置
        output: {
            filename: 'bundle.js',
            path: './build',
        },
        resolve: {
            root: './node_modules',
            extensions: ['', '.js', '.json', '.scss'],
        }
    };

index.html




    
    Title
    


    

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
巴扎黑

script.start中缺少--hot

PHP中文网

bundle是打包的结果,但是你运行都是启动服务等,并没有执行打包。在package的start中加入webpack -w 表示监听文件改变并在文件改变的同时打包。

接触前段时间不长 要是错了就当我瞎白话呢吧…

PHP中文网

如果webpack配置没错,更改webstrom保存文件的设置,不然出口文件没法更新,即使监听到变化
或者你先用sublime试试更改代码能否正常

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号