![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue cli3
future_安然
不忘初心
展开
-
vue-cli3设置sass/scss全局变量
1 准备存放全局样式变量的文件 _variable.scss,内容如下: $theme-color: #3385ff; 2 配置loader 打开根目录下 vue.config.js 写入 module.exports = { // ... css: { loaderOptions: { sass: { prependData: ` @import "@/assets/styles/_variable.scss";原创 2020-08-08 09:39:35 · 969 阅读 · 0 评论 -
基于vue-cli3创建基础库并发布至npm私有仓库
1.根据基于verdaccio的npm私有仓库搭建完成私有仓库的搭建,并运行起来 2.创建一个VUE项目,修改tsconfig.json文件 // tsconfig.json { "compilerOptions": { .... "declaration": true, // 生成声明文件 "declarationDir": "types",// 声明文件的路径 "outDir": "types", // 指定输出目录 "paths": {原创 2020-07-23 22:45:29 · 755 阅读 · 0 评论 -
重新认识 package.json
前言 ???? 在每个项目的根目录下面,一般都会有一个 package.json 文件,其定义了运行项目所需要的各种依赖和项目的配置信息(如名称、版本、许可证等元数据)。 大多数人对 package.json 文件的了解,仅停留在: 项目名称、项目构建版本、许可证的定义; 依赖定义(包括 dependencies 字段,devDependencies 字段); 使用scripts字段指定运行脚本命令的 npm 命令行缩写。 其实,package.json 的作用远不止于此,我们可以通过新增配置项实转载 2020-07-11 00:04:03 · 190 阅读 · 0 评论 -
使用gulp创建通用模板
概要:Gulp是基于流的自动化构建工具 安装gulp前提条件需要我们安装node与了解npm语法 首先确定是否安装node与npm : node -v npm -v 一、安装gulp 1.前提条件准备好后,让我们开始安装gulp 2.首先使用命令npm install -g gulp进行全局安装,以便使用gulp命令 3.创建项目本地安装并创建项目依赖: ...原创 2020-04-12 10:37:00 · 265 阅读 · 0 评论 -
对Vue cli3中vue.config.js的认识
我们要想快速入手一个vue项目,那么就需要我们对vue的脚手架vue cli(会自动生成项目目录、webpack配置文件)有一个初步的认识,我们知道vue-cli底层也是通过webacp的配置帮助我们实现项目的打包的,但是vuecli对webpack进行了封装,所以尽管我们不熟悉webpack,但是我们依然可以对vue.config.js进行配置 注:vue.config.js最终也是通过脚手架...原创 2020-04-10 21:41:28 · 164 阅读 · 0 评论