标签:npm twenty 前端 dev webpack 规范化 工程化
前端开发:
模块化(js、css、资源),
组件化(复用现有的UI结构,样式,行为),
规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理),
自动化(自动化构建、自动部署、自动化测试)
什么是webpack
前端项目工程化的具体解决方案
主要功能:提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。
好处:工作重心放在具体功能的实现上,提高开发效率和项目的可维护性。
ps:Vue,React等前端项目,基本上都是基于webpack进行工程化开发
-S = --save
dependencies(从头到尾都会用到(开发到上线))
在项目中安装webpack
-D = --save-dev
npm install webpack@5.42.1 webpack-cli@4.7.2 -D 记录到devDependencies(只在开发阶段用到)
配置webpack
创建webpack.config.js的webpack配置文件
modole.exports = {
mode:’‘//development和production
}
在package.json的scripts节点下,新增dev脚本
“scripts”:{
“dev”:“webpack”//script 节点下的脚本,可以通过npm run 执行,例如npm run dev
}
标签:npm,twenty,前端,dev,webpack,规范化,工程化 来源: https://www.cnblogs.com/TenDays/p/16268777.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。