webpack打包 修改dist文件夹名字(还有一些打包的基础知识记录哈~)

导读:本篇文章讲解 webpack打包 修改dist文件夹名字(还有一些打包的基础知识记录哈~),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

demo仅供记录webpack打包的一些基础知识点~

webpack.config.js 默认webpack打包配置文件(文件名字也可以修改的)

const path = require('path')
module.exports = {
    entry: './index.js',//从index.js文件开始打包
    output: {
        filename: 'bundle.js', //打包后文件名字
        path: path.resolve(__dirname, 'bundle') //(打包后文件放在哪个文件夹下),文件夹名字为bundle
    }
}

配置完成后,运行:npx webpack 命令打包,生成 bundle文件夹以及bundle.js文件
在这里插入图片描述

2,也可以在 package. json 文件中配置打包命令

在这里插入图片描述
运行: npm run bund 即可打包

tips:

 mode: 'production',//默认打包模式(代码会被压缩)
 mode: 'development',//代码不会被压缩
 (打包后可在bundle.js文件中查看代码是否被压缩)

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79198.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!