免费发布信息的网站,广州手机网站建设公司排名,建设企业网站官方登录,网站升级维护中 模板webpackvue实现TODO慕课网课程笔记 课程目的#xff1a; 前端工程#xff1a;讲明一些前端基础的概念#xff1b;如何搭建一个工程#xff0c;一个工程解决了哪些问题 webpack#xff1a;预计未来前端开发必备的基础 vue#xff1a;相对于react使用比较简单方便#xf…webpackvue实现TODO慕课网课程笔记 课程目的 前端工程讲明一些前端基础的概念如何搭建一个工程一个工程解决了哪些问题 webpack预计未来前端开发必备的基础 vue相对于react使用比较简单方便vue开发者提供了开发文档属于官方发布比较稳定功能全面课程目标 配置开发时的前端工程 实现一个简单的TODO应用 优化配置达到线上标准前端衡量自己的价值 会搭建前端工程 网络优化 API定制基于前后端分离都是通过API联系的我们需要了解一下后端的API的基础概念 Nodejs层基本使用如何去写一个脚本开始配置项目 1初始化鲜项目 ctrl ~ 打开终端 npm init 初始化项目项目新增package.jso npm i webpack vue vue–loader 安装依赖 npm i css-loader vue-template-compiler 根据上面安装提示把这些依赖装上 2配置项目目录 1新建src源码文档 2新建一个App.vue组件 3新建一个入口文件index.js 4新建一个webpack.config.js帮我们打包前端资源 写入项目安装的webpack否则会自动采用全局的版本来构建 npm run build 构建 3webpack配置项目加载各种静态资源及CSS预处理器 装上 npm i style-loader url-loader file-loader 加上它们各自的处理规则 2src下新增图片样式目录和文件 3在入口文件中引入