simpleWebpackDemo Vue整合练手项目
Webpack 的 Vue 整合练手项目
“simpleWebpackDemo”是个上手挺快的 Webpack + Vue 示例，适合刚开始接触模块化开发的你。结构清晰，配置也不复杂，开发调试和打包流程都有，像个基础小练兵场。
里面的 Webpack 配置覆盖了入口、输出、loader、plugin 这些关键点，比如vue-loader来.vue文件，还有HtmlWebpackPlugin自动生成 HTML 页面，省事不少。
Vue 这块也比较简单明了，用的是组件化的开发方式，像App.vue、Main.js这些常规结构都在。组件拆得不多，但该有的都给你铺好了路子。
开发用webpack-dev-server搞热更新，改点东西马上就能看效果。构建生产环境时用npm run build，支持压缩和tree shaking优化。
整个项目的文件结构也规整，像src放源码、public放静态资源，webpack.config.js配置就在根目录，比较适合参考和二次改造。
如果你刚接触 Webpack + Vue 的组合，或者准备从 0 搭一个项目框架，不妨从它入手，试着改点东西看看反应。
文件大小：1.37MB
评论区