摘要:本次的WEB前端主要介绍webpack+nodejs+npm构建前端项目,主要聊聊模块化与打包,涉及的知识包括ES6、TypeScript、CommonJS、NodeJs、Npm、Webpack等。希望对大家学习WEB前端知识有所帮助。
本次的WEB前端主要介绍webpack+nodejs+npm构建前端项目,主要聊聊模块化与打包,涉及的知识包括ES6、TypeScript、CommonJS、NodeJs、Npm、Webpack等。希望对大家学习WEB前端知识有所帮助。
从webpack说起,官网是https://www.webpackjs.com。
webpack 是一个高度可配置的JavaScript 应用程序静态模块打包器(module bundler)。
在开始之前,需要理解四个核心的概念:
入口(entry)
输出(output)
loader
插件(plugins)
entry:是webpack执行打包的起始位置,由此开始构建模块与库的依赖。
output:是打包完成后输出的配置,例如打包结果输出位置,打包资源名称。
loader:由于webpack本身只关注js文件,对于打包中需要处理的其他类型文件,需要特殊处理,于是就 有了loader,loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块。
plugins插件:插件可以用于执行范围更广的任务。如果你要使用某个插件,只需在代码中引入它,然后把它添加到 plugins 数组中,打包后就能使用了。
希望这篇文章可以帮助到你,总之同学们,it资讯尽在职坐标。
擅长针对企业软件开发的产品设计及开发的细节与流程设计课程内容。座右铭:大道至简!
已有23人表明态度,87%喜欢该老师!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号