摘要: 工具的出现是为了解决问题 1.构建工具-webpack(静态模块打包器) 2.html文件引入less文件,浏览器不识别; 3.浏览器不支持es6以上新语法(es6引入js模块化开发) 4.webpack入口文件index.js >根据入口文件形成依赖关系 >引入依赖形成代码块chunk >每个ch 阅读全文
posted @ 2021-12-27 17:40 前端李淳罡 阅读(50) 评论(0) 推荐(0)
摘要: 问题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易忘命令 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)
摘要: vite的安装和使用: npm i -g create-vite-app 阅读全文
posted @ 2021-11-14 13:59 前端李淳罡 阅读(25) 评论(0) 推荐(0)
摘要: 如果我们需要在应用中添加 css 文件,就需要使用到 css-loader 和 style-loader,他们做两件不同的事情,css-loader 会遍历 CSS 文件,然后找到 url() 表达式然后处理他们,style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中 阅读全文
posted @ 2021-10-25 13:51 前端李淳罡 阅读(50) 评论(0) 推荐(0)
摘要: 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)
摘要: npm i html-webpack-plugin -d 阅读全文
posted @ 2021-08-06 17:15 前端李淳罡 阅读(30) 评论(0) 推荐(0)
摘要: 1.entry 入口指示,从次入口开始打包,分析构建内部依赖图。 2.output 打包后的资源输出路径以及如何命名。 3.loader loader让webpack能够去处理那些非js文件(webpack自身只理解javascript) 4.plugins 插件(plugins)可以用于执行范围更 阅读全文
posted @ 2021-08-06 14:42 前端李淳罡 阅读(43) 评论(0) 推荐(0)
摘要: 简介: Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 全局安装: npm -g webpack webpack-cli webpack -w 实时监听 初始化项目: npm init -y webpack文件配置- 阅读全文
posted @ 2021-08-06 09:35 前端李淳罡 阅读(69) 评论(0) 推荐(0)
摘要: 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)