会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
李崴脖
博客园
首页
新随笔
联系
订阅
管理
2021年12月27日
webpack学习笔记
摘要: 工具的出现是为了解决问题 1.构建工具-webpack(静态模块打包器) 2.html文件引入less文件,浏览器不识别; 3.浏览器不支持es6以上新语法(es6引入js模块化开发) 4.webpack入口文件index.js >根据入口文件形成依赖关系 >引入依赖形成代码块chunk >每个ch
阅读全文
posted @ 2021-12-27 17:40 前端李淳罡
阅读(50)
评论(0)
推荐(0)
2021年11月14日
vue3学习
摘要: 问题1:vue init 和 vue create区别? vue init 是vue-cli2.x的初始化方式 vue create 是vue-cli3.x的初始化方式 1.webpack是官方推荐的标准模板名,使用方式:vue init webpack 项目名称 2. react + ts + v
阅读全文
posted @ 2021-11-14 14:01 前端李淳罡
阅读(59)
评论(0)
推荐(0)
npm 和 yarn
摘要: npm和yarn易忘命令 yarn/npm config get registry 查看当前使用源 yarn/npm config set registry *** 设置使用源 yarn publish 移除一个包yarn remove 移除一个包,会自动更新package.json和yarn.lo
阅读全文
posted @ 2021-11-14 14:00 前端李淳罡
阅读(35)
评论(0)
推荐(0)
vue3学习记录
摘要: vite的安装和使用: npm i -g create-vite-app
阅读全文
posted @ 2021-11-14 13:59 前端李淳罡
阅读(25)
评论(0)
推荐(0)
2021年10月25日
webpack处理css文件
摘要: 如果我们需要在应用中添加 css 文件,就需要使用到 css-loader 和 style-loader,他们做两件不同的事情,css-loader 会遍历 CSS 文件,然后找到 url() 表达式然后处理他们,style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中
阅读全文
posted @ 2021-10-25 13:51 前端李淳罡
阅读(50)
评论(0)
推荐(0)
2021年8月8日
webpack打包图片资源
摘要: npm i url-loader file-loader -d url-loader依赖于file-loader 上面两loader用于处理图片链接,html-loader处理html内嵌img: npm i html-loader -d
阅读全文
posted @ 2021-08-08 13:41 前端李淳罡
阅读(94)
评论(0)
推荐(0)
2021年8月6日
webpack打包html资源
摘要: npm i html-webpack-plugin -d
阅读全文
posted @ 2021-08-06 17:15 前端李淳罡
阅读(30)
评论(0)
推荐(0)
webpack五大概念
摘要: 1.entry 入口指示,从次入口开始打包,分析构建内部依赖图。 2.output 打包后的资源输出路径以及如何命名。 3.loader loader让webpack能够去处理那些非js文件(webpack自身只理解javascript) 4.plugins 插件(plugins)可以用于执行范围更
阅读全文
posted @ 2021-08-06 14:42 前端李淳罡
阅读(43)
评论(0)
推荐(0)
webpack
摘要: 简介: Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 全局安装: npm -g webpack webpack-cli webpack -w 实时监听 初始化项目: npm init -y webpack文件配置-
阅读全文
posted @ 2021-08-06 09:35 前端李淳罡
阅读(69)
评论(0)
推荐(0)
2021年7月29日
nodeJs中的module到底是个啥?
摘要: 1.首先,nodeJs中没有window对象,但是有全局变量global 模块打印global对象: <ref *1> Object [global] { global: [Circular *1], clearInterval: [Function: clearInterval], clearTi
阅读全文
posted @ 2021-07-29 22:42 前端李淳罡
阅读(406)
评论(0)
推荐(0)
下一页
公告