webpack中output配置

来源:互联网 发布:淘宝最低价最新规则 编辑:程序博客网 时间:2024/06/07 22:29
output: {        path: path.resolve(__dirname, "public/assets"),// 编译文件的输出路径        publicPath:"./assets/",// 文件的引用        chunkFilename: "[id].[name].chunk.js"        /*           * chunkFilename用来打包require.ensure方法中引入的模块,如果该方法中没有引入任何模块则不会生成任何chunk块文件            * 比如在main.js文件中,require.ensure([],function(require){alert(11);}),这样不会打包块文件            * 只有这样才会打包生成块文件require.ensure([],function(require){alert(11);require('./greeter')})            * 或者这样require.ensure(['./greeter'],function(require){alert(11);})            * chunk的hash值只有在require.ensure中引入的模块发生变化,hash值才会改变            * 注意:对于不是在ensure方法中引入的模块,此属性不会生效,只能用CommonsChunkPlugin插件来提取         * */    }

如果开了web-dev-server服务器,当require.ensure方法中引入的模块发生变化,网站中加载的chunk.js文件的hash值会自动变化,而不需要手动重新打包或者重新运行web-dev-server。因为它会自动重新编译,但现有的chunk.js文件的hash并不会更新,只是网站中加载的chunk.js文件更新了。