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