如何webpack打包

最新推荐文章于 2025-03-11 17:24:11 发布

土肥圆xulia

最新推荐文章于 2025-03-11 17:24:11 发布

阅读量549

点赞数

分类专栏： vue webpack打包

本文链接：https://blog.youkuaiyun.com/qq_39057641/article/details/83211084

版权

vue 同时被 2 个专栏收录

23 篇文章

订阅专栏

webpack打包

2 篇文章

订阅专栏

本文详细介绍了Webpack的基本配置方法，包括index文件配置、路径设置、入口文件定义及输出配置。同时，提供了修改打包后文件chunkhash后缀的具体步骤，帮助读者理解和掌握Webpack的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.index文件配置
在这里插入图片描述

2.配置代码:

 // Template for index.html
    index: path.resolve(__dirname, '../../webapp/index.html'),
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'common-app1'),
        filename: 'bundle.js'
    },

    // Paths
    assetsRoot: path.resolve(__dirname, '../../webapp/common-app1'),
    assetsSubDirectory: '',
    assetsPublicPath: 'common-app1/',

3.命令板输入命令：npm run build，然后回车就打包好了。

4.修改打包后文件的chunkhash后缀，只要把chunkhash删除在npm run build回车就好啦

修改前：
在这里插入图片描述
修改后：