《vue 3.0探险记》- webpack去哪了?

目的 创建了一个vue3.0的项目,本想配置一下webpack 在启动vue项目时自动打开浏览器 问题 webpack不见了... webpack去哪里了呢? 原来网络上早有人给出了答案:被vue-cli隐藏了。就像react中,webpack的配置,封装到了react-script中。 那么我们想操作webpack该怎么做呢? 调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象。 第一步:在根目录下(与package.json同级目录)添加vue.config.js 第二步: 创建配置对象 module.exports = { configureWebpack: { devServer: { open: true, } } } 该对象将会被 webpack-merge 合并入最终的 webpack 配置且vue.config.js中的内容会覆盖默认的打包配置 第三步: 从新启动项目 配置成功 进一步了解可参考网址:https://cli.vuejs.org/zh/guide/webpack.html 个人wx:iotzzh 前端公众hao:前端微说

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):