随笔分类 -  webpack

webpack中output之path和publicPath详解
摘要：path:所有输出文件的目标路径;打包后文件在硬盘中的存储位置。 publicPath:输出解析文件的目录，指定资源文件引用的目录 ，打包后浏览器访问服务时的 url 路径中通用的一部分。 区别： path是webpack所有文件的输出的路径，必须是绝对路径，比如：output输出的js,url-l 阅读全文
posted @ 2020-01-03 10:07 一抹夏忧☆ 阅读(2282) 评论(0) 推荐(0)
webpack 入门和常用插件的使用
摘要：常用配置参数 context : 基础目录，绝对路径，用于从配置中解析入口起点 (entry point) 和加载器 (loader)。 默认使用当前目录，但是推荐在配置中传递一个值。这使得你的配置独立于 CWD(current working directory)。 entry : 起点或是应用程 阅读全文
posted @ 2019-06-27 14:46 一抹夏忧☆ 阅读(1375) 评论(0) 推荐(0)
path.join()和path.resolve()的区别
摘要：现在写代码的时候有时候使用path.join(__dirname,'dist')有时候用path.resolve(__dirname,'dist')，都是能拼接出来一个绝对路径，但是具体有什么区别呢？ 一、path.join()方法 path.join()方法是将多个参数字符串合并成一个路径字符串 阅读全文
posted @ 2018-11-05 10:18 一抹夏忧☆ 阅读(22808) 评论(1) 推荐(4)
webpack原理与实战
摘要：webpack是一个js打包工具，不一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制，在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。 webpack核心概念 （1）entry 一个可执行模块或库的入口 阅读全文
posted @ 2018-10-30 16:31 一抹夏忧☆ 阅读(716) 评论(0) 推荐(0)
webpack中利用require.ensure()实现按需加载
摘要：webpack中的require.ensure()可以实现按需加载资源包括js,css等，它会给里面require的文件单独打包，不和主文件打包在一起，webpack会自动配置名字，如0.js,1.js,但是这样看着不是很直观，所以要自己配置单独打包的chunk名字，好吧开始踩坑 最初的代码： 这里 阅读全文
posted @ 2018-09-29 17:11 一抹夏忧☆ 阅读(2625) 评论(0) 推荐(0)
webpack
摘要：https://www.jianshu.com/p/e735e67de774 https://segmentfault.com/a/1190000006178770 阅读全文
posted @ 2018-08-10 17:00 一抹夏忧☆ 阅读(110) 评论(0) 推荐(0)