webpack--概念3--输出

来源:互联网 发布:复用千兆sfp端口 编辑:程序博客网 时间:2024/06/10 03:15

1:控制webpack如何向硬盘写入编译文件;注意:即使可以存在多个入口起点,但是只能指定一个输出配置对象;包括以下2个属性:
(1)filename用于输出文件的文件名
(2)目标输出目录path的绝对路径;
2:如果配置创建了多个单独的chunk(例如使用多个入口起点,或者使用像CommonChunkPlugin这样的插件),则该使用占位符(substitutions)来确保每个文件具有唯一的名称;

{    entry:{        app:'./src/app.js',        search:'./src/search.js'    },    output:{        filename:'[name].js',        path:__dirname+'/dist'    }}

3:高级进阶
以下是使用CDN和资源hash的复杂实例:

output:{    path:'/home/proj/cdn/assets/[hash]',    publicPath: "http://cdn.example.com/assets/[hash]/"}

在殡仪时不知道最终输出文件的publicPath的情况下,public可以留空,并且在入口起点文件运行时动态设置,如果你在编译时不知道publicPath,你可以先忽略他,并且在入口起点设置webpack_public_path

__webpack_public_path__=myRuntimePublicPath
原创粉丝点击