【文件属性】:
文件名称:vue-webpack-todo:Vue+Webpack做一个简单的todo应用,主打webpack配置
文件大小:955KB
文件格式:ZIP
更新时间:2021-05-17 08:51:08
webapck JavaScript
项目搭建文档(每步代码配置带有详细注释)
线上展示:
项目地址:
博客地址:
慕课地址:
1.vue+webpack项目工程配置
由于本代码是采用webpack3.10.0. 与webpack4.x有很多差异性,伙伴们不要因为版本问题而停滞不前
具体版本可以在package.json中查看,具体细节都有超详细注释,欢迎小伙伴们提出宝贵的意见,一起交流,让我们一起提高我们的前端技能
1.1 项目基本配置
npm init 初始化一个npm项目
npm i webpack@3.10.0 vue@2.5.13 vue-loader@13.6.0 安装webpack和vue,使用vue要安装vue-loader
npm i css-loader@0.28.7 vue-template-compiler@2.5.13 根据终端WARN提示安装css-loader,因为vue-loader依赖
【文件预览】:
vue-webpack-todo-master
----.gitignore(163B)
----README.md(4KB)
----.github()
--------workflows()
----package.json(1KB)
----src()
--------todo()
--------app.vue(665B)
--------index.js(818B)
--------assets()
----.babelrc(271B)
----postcss.config.js(550B)
----webpack.config.js(7KB)
----XIAOJI.md(2KB)
----package-lock.json(298KB)