webpack配置字段说明

1.入口：entry

为webpack的入口，有三种格式：1.字符串，2.数组， 3.对象 。

单页面为字符串，多个页面有数组或者对象。它与output字段一起用。

2.output

主要有两个属性 path和 filename。其次就是publicPath 和chunkFileName。

path指定的目录:通过HtmlWebpackPlugin插件生成的html文件存放在这个目录下面

publicPath主要是对你的页面里面引入的资源的路径做对应的补全,引入的资源的路径最终打包的路径是publicPath+path+配置的路径。

chunkFileName用法比较绕，会涉及到代码切割技术。

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插件来提取 
require.ensure("")和require.include("");

  require.ensure(),如何定义模块的切割

 require.include 是一个 webpack 的标准函数，能为当前块添加一个模块，但并不执行

转载于:https://www.cnblogs.com/liuyinlei/p/7182893.html