《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:前端微说
发表评论 (审核通过后显示评论):