目的
創(chuàng)建了一個vue3.0的項目壤巷,本想配置一下webpack 在啟動vue項目時自動打開瀏覽器
問題
webpack不見了...
webpack去哪里了呢?
原來網(wǎng)絡上早有人給出了答案:被vue-cli隱藏了瞧毙。就像react中胧华,webpack的配置,封裝到了react-script中宙彪。
那么我們想操作webpack該怎么做呢矩动?
調(diào)整 webpack 配置最簡單的方式就是在 vue.config.js 中的 configureWebpack 選項提供一個對象。
第一步:在根目錄下(與package.json同級目錄)添加vue.config.js
第二步: 創(chuàng)建配置對象
module.exports = {
configureWebpack: {
devServer: {
open: true,
}
}
}
該對象將會被 webpack-merge 合并入最終的 webpack 配置且vue.config.js中的內(nèi)容會覆蓋默認的打包配置
第三步: 從新啟動項目
配置成功
進一步了解可參考網(wǎng)址:https://cli.vuejs.org/zh/guide/webpack.html
如果我的博客對你有幫助释漆、如果你喜歡我的博客內(nèi)容悲没,請 “點贊” “評論” “收藏” 一鍵三連哦!
大家的支持就是我堅持下去的動力男图。點贊后不要忘了?? 關注 ??我哦示姿!