vue3+webpack项目搭建实验

Posted 2023-03-29

参考技术A 在 postcss.config.js 中配置
autoprefixer 用于给css加前缀, cssnano 用于压缩优化css

从目录可以看到, 将webpack文件分为三个, webpack.base.js 用于通用配置, webpack.dev.js 用于配置开发模式, webpack.prod.js 用于配置生产模式, 开发模式和生产模式的配置文件通过之前安装的 webpack-merge 来将通用配置合并进来

通用配置, 主要是对基本的图片文件和CSS的加载配置

开发模式主要是对 webpack-dev-server 进行配置, 开发服务的端口, 代理配置等

生产模式, 主要是对JS, CSS进行压缩, 对文件进行分片

https://klren0312.github.io/vue3-webpack/

App.vue

https://github.com/vuejs/vue-next
https://webpack.js.org/concepts/