![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 68
一月清辉
这个作者很懒,什么都没留下…
展开
-
关于package.json 和package-lock.json
【代码】关于package.json 和package-lock.json。原创 2022-09-09 15:19:46 · 313 阅读 · 0 评论 -
前端工程化
1、webpack和rollup的区别,打包出来的产物有什么区别?1.1、webpack:webpack官方解析:webpack 是一个现代 JavaScript应用程序的静态模块打包器。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack的功能:代码拆分,按需加载webpack2后已支持tree-shaking1.2、rollupRollup原创 2022-02-11 18:09:53 · 534 阅读 · 0 评论 -
package.json 版本号说明
1.版本号基本格式主号.次号.修补号2.package.json中版本号规则1). version 指定版本号"vue-clipboard2": "0.0.8" //指定所依赖的该组件必须是 0.0.8 版本的2). >version 大于该版本号"vue-clipboard2": ">0.0.8" //指定所依赖的该组件必须是大于 0.0.8 版本的3). >=version 大于等于该版本号"vue-clipboard2": ">=0.0.8"原创 2021-09-03 11:26:27 · 1505 阅读 · 0 评论 -
webpack 学习笔记 三 (webpack基本配制)
文章目录1、webpack 是什么?2、安装3、使用4、打包模块4.1、入口文件4.2、打包命令5、打包配置6、核心配置6.1、mode6.2、entry6.3、output7、深入执行简要流程8、Loaders ------- 对非js文件的加载解析8.1、raw-loader8.2、file-loader8.3、url-loader8.4、css-loader8.5、style-loader8.6、sass-loader9、Plugins9.1、HtmlWebpackPlugin9.2、clean-we原创 2021-08-27 18:54:30 · 237 阅读 · 0 评论 -
webpack 学习笔记 二 (webpack 与 模块化)
文章目录模块化1、模块化是什么2、模块化的核心2.1、独立的作用域2.2、导出模块内部数据2.3、导入外部模块数据模块化的向下兼容CommonJSAMDrequireJS`requireJS` 的 `CommonJS` 风格UMD模块化1、模块化是什么模块化,就是把复杂的问题分解成相对独立的模块,这样的设计可以降低程序复杂性,提高代码的复用,也有利于团队协作开发与后期的维护和扩展从 ECMAScript2015/ES6 开始引入了模块的概念,我们称为:ECMAScript Module,简称:ES原创 2021-08-27 17:44:40 · 148 阅读 · 0 评论 -
webpack 学习笔记 一 (webpack构建流程)
文章目录webpack构建流程1、手动创建项目目录。例如:2、全局安装webpack。 ` npm install webpack -g`3、进入项目根目录,运行命令,初始化webpack,生成package.json配制文件。4、手动创建webpack.config.js文件,用于自定义配制。如下:webpack构建流程1、手动创建项目目录。例如:1.1、demo目录appa.jsb.jspublicindex.html2、全局安装webpack。 npm原创 2021-08-26 11:31:47 · 119 阅读 · 0 评论 -
谈谈你对webpack的理解
1、webpack是什么WebPack 是一个模块打包工具,可以使用WebPack管理模块,并分析模块间的依赖关系,最终编绎输出模块为HTML、JavaScript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器loader,比如说,CSS解析CSS的css-loader、style-loader,解析less的less-loader,sass的sass-loader,JS解析将 TypeScript 转换成 JavaScri转载 2020-09-19 18:16:17 · 4715 阅读 · 0 评论 -
webpack4中Babel配置
1,说明webpack,默认只能处理一部分ES6新语法,一些更高级处理不了(ES2015+的语法)。需要借助第三方loader来帮忙处理成低级点的语法,再把结果交给webpack打包编译处理。通过Babel可以帮助处理ES6+高级语法。2 ,步骤2.1 建议安装以下版本的依赖{ "@babel/core": "^7.2.2", "@babel/preset-env": "^...原创 2020-04-02 11:50:29 · 365 阅读 · 0 评论