随笔分类 -  webpack

webpack-打包json文件
摘要：等待 阅读全文
posted @ 2021-10-11 14:47 AnnLing 阅读(172) 评论(0) 推荐(0)
webpack-入门介绍
摘要：一、webpack介绍 1、什么是webpack webpack是一个模块打包器。 webpack包括：入口、输出、loader、插件等。 在webpack看来，前端的所有资源文件（js/json/css/img/less...）都会作为模块处理。 webpack将根据模块的依赖关系进行静态分析，生 阅读全文
posted @ 2021-10-11 14:04 AnnLing 阅读(94) 评论(0) 推荐(0)
搭建完整的项目结构
摘要：一、准备工作 1、初始化项目 cmd管理员身份运行如下命令： vue init webpack myproject //创建项目名为myApp(webpack模板) cd myApp cnpm install cnpm install less less-loader -D //安装开发依赖： le 阅读全文
posted @ 2021-09-16 09:58 AnnLing 阅读(252) 评论(0) 推荐(0)
模块化开发（vue-router模块）
摘要：vue-router模块化开发的步骤： 以vue-cli-demo为例（该项目使用的是webpack-simple模板） 1、安装vue-router模块 进入项目vue-cli-demo路径， 运行 cnpm install vue-router -S （安装vue-router生产依赖） 安装完 阅读全文
posted @ 2021-09-14 16:14 AnnLing 阅读(699) 评论(0) 推荐(0)
模块化开发（为自定义组件添加事件）
摘要：为自定义组件添加事件的步骤： 以vue-cli-demo为例（该项目使用的是webpack-simple模板） 1、新建自定义组件 在component文件夹下新建自定义组件，命名为myButton.vue，并写myButton.vue里面的代码内容。 2、使用自定义组件myButton.vue 在 阅读全文
posted @ 2021-09-14 15:29 AnnLing 阅读(239) 评论(0) 推荐(0)
模块化开发（axios模块）
摘要：axios模块化的步骤： 以vue-cli-demo为例（该项目使用的是webpack-simple模板） 1、安装axios模块 进入项目vue-cli-demo路径， 运行 cnpm install axios -S （安装axios生产依赖） 安装完成后，一是在node_modules文件夹中 阅读全文
posted @ 2021-09-14 15:27 AnnLing 阅读(313) 评论(0) 推荐(0)
搭建项目（vue-cli脚手架搭建项目-webapck模板）
摘要：一、vue-cli脚手架简介 1、vue-cli是一个vue脚手架，可以快速构造项目结构。 2、vue-cli本身集成了多种项目模板： simple 很少简单 webpack 包含ESLint代码规范检查、单元测试等 webpack-simple 简化版的webpack，没有代码规范检查、单元测试 阅读全文
posted @ 2021-09-14 11:55 AnnLing 阅读(643) 评论(0) 推荐(0)
搭建项目（vue-cli脚手架搭建项目 webapck-simple模板）
摘要：一、vue-cli脚手架简介 1、vue-cli是一个vue脚手架，可以快速构造项目结构。 2、vue-cli本身集成了多种项目模板： simple 很少简单 webpack 包含ESLint代码规范检查、单元测试等 webpack-simple 简化版的webpack，没有代码规范检查、单元测试 阅读全文
posted @ 2021-09-10 15:33 AnnLing 阅读(127) 评论(0) 推荐(0)
搭建项目（单文件手动搭建项目）
摘要：一、单文件组件简介 1、什么是.vue文件 .vue文件是单文件组件，是vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件。在文件内封装了组件相关的代码。 .vue文件包括三部分： a) <template> 写html代码 b) <style> 写css代码 c) <script 阅读全文
posted @ 2021-09-10 14:46 AnnLing 阅读(191) 评论(0) 推荐(0)