随笔分类 -  webpack

webpack打包工具知识的积累
webpack进阶（三）
摘要：1）CommonsChunkPlugin已经从webpack4移除，所以在用webpack进行公共模块的拆分时，会报错 Cannot read property 'CommonsChunkPlugin' of undefined 通过公共模块的拆分，最终合成的文件能够在最开始加载一次，比如两个入口文 阅读全文
posted @ 2019-02-28 14:10 tangjiao_Miya 阅读(478) 评论(0) 推荐(0)
webpack进阶（二）
摘要：1）webpack动态打包所有依赖项，避免打包未使用的模块。 2）转换css的loader有：css-loader，style-loader，加载图片或文件的loader是：file-loader，如果要压缩和优化图像，使用image-webpack-loader和url-loader。 3）加载字 阅读全文
posted @ 2019-02-27 11:22 tangjiao_Miya 阅读(345) 评论(1) 推荐(0)
webpack的loader和plugin的区别
摘要：【Loader】：用于对模块源码的转换，loader描述了webpack如何处理非javascript模块，并且在buld中引入这些依赖。loader可以将文件从不同的语言（如TypeScript）转换为JavaScript，或者将内联图像转换为data URL。比如说：CSS-Loader，Sty 阅读全文
posted @ 2019-02-25 14:35 tangjiao_Miya 阅读(23880) 评论(0) 推荐(2)
vue+webpack怎么分环境进行打包
摘要：这里说下，webpack打包里面涉及到的东西，不止webpack，还有node的知识， node的全局变量process，process.env用于返回用户环境信息对象，因为是node的全局变量，所以无需使用reqiure进行引入。 网上很多人说：npm_lifecycle_event变量是返回当前 阅读全文
posted @ 2018-07-20 13:51 tangjiao_Miya 阅读(539) 评论(0) 推荐(1)
webpack安装问题
摘要：在sf进行安装webpack时候，报错如下： 解决方案：npm install webpack-cli -g，如图上 阅读全文
posted @ 2018-07-13 15:11 tangjiao_Miya 阅读(141) 评论(0) 推荐(0)
vue项目npm run dev 报错Uncaught SyntaxError: Unexpected token <
摘要：目前代码所处位置是micro分支，该分支是从dev分支直接拉下来进行npm run dev的，而dev分支是可以正常运行的，网上的诸多解释是babel转义时候报错，其实对比可见，两个分支不同的地方应该是node_moduels依赖，所以解决方案就是：将micro分支的依赖删除重新install。 然 阅读全文
posted @ 2018-06-13 15:13 tangjiao_Miya 阅读(6727) 评论(0) 推荐(1)
webpack知识锦集（一）
摘要：ebpack是一个javascript应用吃那个程序的静态模块打包器（module bundler）。处理时候会递归构建一个依赖关系图，包含每个模块，将模块打包成一个或者多个bundle。 核心概念： entry（入口） output（输出） loader plugins（插件） 【entry】：指 阅读全文
posted @ 2018-05-30 13:41 tangjiao_Miya 阅读(129) 评论(0) 推荐(0)