当前位置: 首页 > 工具软件 > tio-webpack > 使用案例 >

webpack---output

施自怡
2023-12-01
output: {
    // 指定名称和目录,此处name是chunk的名称
    filename: 'js/[name].js',

    // 将来所有资源输出的公共目录
    path: resolve(__dirname, 'dist'),

    // 所有资源引入的公共路径前缀,用于生产配置
    // 'imgs/a.jpg' => '/imgs/a.jpg'(服务器根目录下找imgs/a.jpg)
    publicPath: '/',

    // 非入口chunk的名称,如果不见这个配置,非入口的chunk会使用filename规则输出
    // 非入口的chunk指:import函数引入的js模块,或者node_modules里面分出的chunk
    chunkFilename: 'js/[name]_chunkhhh.js',

    // library相关配置只是在项目被别人用到,需要向外暴露时才有用
    // 整个库向外暴露的变量名
    library: '[name]',
    // 变量添加到xx上
    libraryTarget: 'window',
    // 变量以commonjs规范引入
    libraryTarget: 'commonjs'
},

 类似资料: