webpack
文章平均质量分 65
cjx177187
这个作者很懒,什么都没留下…
展开
-
webpack--开发环境(devserver)
7、输出完成:在确定好输出内容后,根据配置确定输出的路径和文件名,把文件内容写入到文件系统,在以上过程中,webpack 会在特定的时间点广播出特定的事件,插件在监听到感兴趣的事件后会执行特定的逻辑,并且插件可以调用webpack 提供的API改变 webpack 的运行结果。4、编译模块:从入口文件出发,调用所有配置的 Loader 对模块进行翻译,再找出该模块依赖的模块,再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理。3、确定入口:根据配置中的 entry 找出所有的入口文件。...原创 2022-08-26 19:20:20 · 542 阅读 · 0 评论 -
webpack--插件
eslint插件是一个非常强大的语言查错工具, vscode 编辑器中有提供 eslint 插件,下载插件并启用,自动就可以检测代码的语法错误,但是它只在你写代码的时候提示,我们希望打包项目的时候有相关提示,就可以配置它.//'head' || 'body' 打包后的bundle挂载到模板html的位置:'body' 放置在body元素的底部。//该插件将为你生成一个HTML5 文件, 在 body 中使用 `script` 标签引入你所有 webpack 生成的bundle.js。...原创 2022-08-26 19:19:49 · 300 阅读 · 0 评论 -
webpack--加载器(loader)
babel-loader就是用babel工具将ES6转成ES5的一种加载器. 在webpack打包时遇到js文件,就交给babel处理。加载器配置:webpack在打包时,会根据js文件中的引用文件中的引入语法,去加载其他文件;//css生成到css文件中,项目中手动以形式引入使用。//css生成到css文件中,项目中以形式引入使用。//css生成到css文件中,项目中以形式引入使用。//css生成到css文件中,项目中以形式引入使用。...原创 2022-08-26 19:19:16 · 1678 阅读 · 0 评论 -
webpack--CDN原理
而且还需要注意的是,CDN并不是只能缓存视频内容,它还可以对网站的静态资源(例如各类型图片、html、css、js等)进行分发,对移动应用APP的静态内容(例如安装包apk文件、APP内的图片视频等)进行分发。当用户访问网站时,利用全局负载技术,将用户的访问指向距离最近的缓存服务器上,由缓存服务器响应用户请求。⑨、源服务器返回内容给缓存服务器,缓存服务器发给用户,并根据用户自定义的缓存策略,判断要不要把内容缓存到缓存服务器上。而且,分发至不同线路的缓存服务器,也让跨运营商之间的访问得以加速。...原创 2022-08-26 19:18:45 · 281 阅读 · 0 评论 -
webpack--打包出口(output)
/配置将库暴露的方式。('var'、'module'、'assign'、'assign-properties'、'this'、'window'、'self'、'global'、'commonjs'、'commonjs2'、'commonjs-module'、'commonjs-static'、'amd'、'amd-require'、'umd'、'umd2'、'jsonp' 以及 'system')// 保留 'ignored/dir' 下的静态资源不删。//输出的目录,绝对路径,默认dist。...原创 2022-08-26 19:18:14 · 821 阅读 · 0 评论 -
webpack--打包入口(entry)
/ 总结:如果传入一个字符串或字符串数组,chunk 会被命名为 main。如果传入一个对象,则每个属性的键(key)会是 chunk 的名称,该属性的值描述了 chunk 的入口点。1.直接配置入口文件。原创 2022-08-26 19:17:42 · 389 阅读 · 0 评论 -
webpack介绍
来打包项目,然而,我们为了学习它的原理和感受打包的整个流程,主要的学习任务就是学习打包的配置文件如何配置,好让整个工程运作起来.创建一个webpack.config.js的打包配置文件。//不指定版本,默认下载最新版本,全局安装以后直接使用。,然后将你项目中所需的每一个模块组合成一个或多个。//创建项目文件夹,随意名字同js变量名规则。,它们均为静态资源,用于展示你的内容。打包完成以后的项目文件输出到哪里。不同类型的文件需求不同的加载器。用于未来开发脚手架的配置。打包项目的入口文件配置。...原创 2022-08-26 19:17:09 · 153 阅读 · 0 评论