Npm
文章平均质量分 53
老李头的代码生活
我很懒,没有写什么简介的啦- -,日常沉迷敲代码
展开
-
使用打包模块压缩css
首先我们安装包yarn add mini-css-extract-pluginyarn add mini-css-extract-plugin然后再src/css/index.css内 书写好你要压缩的内容ul,li { font-size: 50px; color: #8df;}body { background: url(../assets/images/logo_small.png) no-repeat center;}然后修改配置文件const ...原创 2021-09-23 19:42:33 · 191 阅读 · 0 评论 -
自定义脚手架模板
脚手架是做vue项目时候的前备条件 而有些设置 每次都要来回重复着弄 是很麻烦的在这里教大家自定义脚手架模板vue create 起名字首先给项目起个名字 然后 运行然后选择第三项 Manually select features(手动选择功能)选择你需要的功能这里分别代表着选择vue版本 2.或者3.选择路由模式选择CSS预处理(推荐用less)选择eslint和语法风格规则选择esl...原创 2021-10-06 20:05:13 · 390 阅读 · 0 评论 -
webpack-开发服务器
每次修改代码, 重新打包, 才能看到最新的效果实际工作中, 打包非常费时 (10-30s) 之间, 影响开发效率 构建入口和所有模块依赖关系图 磁盘读取对应的文件到内存, 才能加载 用对应的 loader 进行处理和翻译 将处理完的内容, 输出到磁盘指定文件内 以后代码变化, 从1重新开始 下载webpack-dev-server, 启动一个开发服务器, 用于快速开发应用程序下载包yarn add webpack-dev-server@3.原创 2021-09-22 20:35:46 · 282 阅读 · 0 评论 -
webpack-插件
const fn = () => { // 高级语法 console.log("你好babel");}console.log(fn) // 一定打印函数, 才会被webpack把"函数体"打包起来自动生成html文件学习webpack插件html-webpack-plugin自动生成html文件自动引入打包后文件下载插件yarn add html-webpack-plugin@5.3.1 -Dwebpack.config.js配置修改为const.原创 2021-09-22 20:22:57 · 255 阅读 · 0 评论 -
webpack扩展_隔行变色
webpack-案例-隔行变色 回顾从0准备环境 初始化包环境 下载依赖包 配置自定义打包命令 下载jquery yarn add jquery3. 新建public/index.html - 前端首页4. 新建src/main.js - webpack打包入口index.html内容如下<!DOCTYPE html><html lang="en"><head>..原创 2021-09-22 19:35:20 · 97 阅读 · 0 评论 -
webpack使用
yarn包管理器(可选)==注意: 如果yarn实在安装不上可以用npm==快速、可靠、安全的依赖管理工具。(类似npm作用)中文官网地址: Yarn 中文文档下载地址: 安装 | Yarn 中文文档 windows - 软件包(在笔记文件夹里) ==建议不要安装到中文路径下== ==建议和node安装到一个盘符下== mac - 通过命令安装(也可还用npm) 首先 npm init 初始化npm然后使用下列代码n...原创 2021-09-22 19:15:29 · 324 阅读 · 0 评论 -
全局安装i5ting_toc和nodemon包
通过 命令npm install -g **或者 npm i -g **来全局安装首先运行 cmd然后 npm i -gi5ting_toc当出现下面这段文字代表全局安装完毕.nodemon包 与上述安装方法一致安装完后需要检查一下是否全局安装成功npm root -g // 查看全局包的安装目录npm list -g --depth 0 // 查看全局安装过的包这就代表安装成功了~(这是目前写的最简...原创 2021-09-12 11:44:56 · 71 阅读 · 0 评论 -
npm 设置下载包镜像位置
镜像:副本,拷贝。默认情况下,从npm官方下载,网速比较慢;我们可以去它的镜像网站上来下载。# 设置镜像为taobao。npm config set registry https://registry.npm.taobao.org# 设置镜像为npm官方npm config set registry https://registry.npmjs.org# 查看配置npm config get registry ...原创 2021-09-12 11:20:02 · 388 阅读 · 0 评论 -
npm下载使用包
初始化项目。npm init 如果之前已经初始化,则可以省略。 安装包。 npm install 包名。 引入模块,使用。 第一步:初始化项目这里提到的项目并不是某个具体的功能,只是要创建一个空文件夹即可(注意,不要起中文名字哈)。进入到项目所在的根目录下,启动小黑窗(按下shift键,点击右键,在弹出的菜单中选择 “在此处打开命令行” 如果不可以,可以运行CMD命令行 )输入如下命令:npm init --yes// --与yes之间没有空格,...原创 2021-09-12 11:18:33 · 784 阅读 · 0 评论