![](https://img-blog.csdnimg.cn/aed7a933a2fb42ce8b468ae3aba3aac2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
文章平均质量分 51
wepack的探索与总结
Yoo前端
Yoo前端,带来无限可能。
展开
-
webpack基础笔记
https://www.webpackjs.com/concepts/webpack 的四个概念:入口 entry输出 outputloader插件 pluginswebpack.config.js入口 entry入口起点 指示webpack应该使用哪个模块来作为构建其内部依赖图的开始。依赖图:一个文件依赖于另一个文件,webpack就把此视为文件之间有依赖关系。module.exports = { entry: './path/to/my/entry/file...原创 2021-10-25 18:47:19 · 119 阅读 · 0 评论 -
cross-env自定义变量
接上文继续学习webpack的其他知识与技巧:上文:webpack自定义配置前言:之前我们对package.json中的serve 和 build进行了区分(有疑惑的朋友可以点击上方的超链接查看上篇),可以理解为是运行和打包配置的自定义。那运行与运行之间,打包与打包之前的自定义该如何区分呢?--package.json"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build",原创 2021-10-25 14:32:34 · 1484 阅读 · 0 评论 -
npm后面跟-S -D都是什么?
-S即–save 包名会被注册在package.json的dependencies里 在生产环境下这个包的依赖依然存在-D即–dev 包名会被注册在package.json里的devDependencies里面 进在开发环境下存在的包用-D什么也不写包名不会进入package.json 别人也不会知道你安装了这个包...原创 2021-10-25 11:15:38 · 491 阅读 · 0 评论 -
webpack自定义配置的方法及webpack-merge优化
需求情景: 系统开发结束后往往需要打包部署在某个站点上,打包命令常见的npm run build等等…如果需要根据不同的打包命令打包不同的静态资源怎么办?package.json首先需要了解一下常规的npm run build 代表了什么?在package.json中规定了 npm run serve build lint 分别简化了哪些cli指令。...原创 2021-10-22 11:04:30 · 1123 阅读 · 0 评论