美文网首页让前端飞Web前端之路前端
《vue 3.0探险记》- webpack去哪了?

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

作者: 张中华 | 来源:发表于2020-08-17 22:30 被阅读0次

目的

创建了一个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

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!
大家的支持就是我坚持下去的动力。点赞后不要忘了👉 关注 👈我哦!

相关文章

网友评论

    本文标题:《vue 3.0探险记》- webpack去哪了?

    本文链接:https://www.haomeiwen.com/subject/arjcjktx.html