使用webpack如何构建一个vue3.0项目工程-创新互联

本篇文章给大家分享的是有关使用webpack如何构建一个vue3.0项目工程，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都成都人造雾小微创业公司专业提供企业网站制作营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

第一步

找一个你认为合适的磁盘。输入mkdir test, cd test , npm init -y。

第二步

安装依赖

webpack 系列依赖

webpack webpack-cli

babel 系列依赖

@babel/core @babel/preset-env

移动兼容方案

amfe-flexible autoprefixer

axios

axios

webpack loader

babel-loader

css-loader

file-loader

postcss-loader

pm2rem-loader

style-loader

这个单独说一下，vue3.0 sfc重写了对.vue文件的编译方式，使用parseComponent等方法，必须使用-v16后缀的这个loader，当时找这个loader用了较长的时间

vue-loader-v16
vue-template-complier

webpack plugin

html-webpack-plugin
webpack-dev-server

Vue & Vuex

vue@next

vuex@next

请使用yarn add 或者 npm i 安装上述依赖包

第三步

在当前根目录创建index.html，初始化HTML代码

分享名称：使用webpack如何构建一个vue3.0项目工程-创新互联
本文链接：http://bzwzjz.com/article/eisge.html