前端工程化
(1)npm
- 首先需要进行npm init 初始化得到package.json(npm init -y 得到默认配置的package.json)
- 使用npm install进行项目依赖的安装
npm install webpack -g查看webpack版本
webpack -v(3)npm初始化项目的名称不能与包名相同 (4)webpack.config.js文件要在运行命令的当前目录 (5)要想将比如css文件进行打包,必须依赖某个文件,在其他js文件中进行require (6)webpack-dev-server端口占用错误
文章图片
image.png
运行时指定另外的端口
文章图片
image.png (7)npm 模块安装与卸载
文章图片
image.png 【前端工程化】引用自csdn博客
当npm跟webpack崩溃在cmd使用以下命令
文章图片
image.png (8)不使用cnpm的替代办法
npm 包名 --save --registry https://registry.npm.taobao.org info underscore(9)
文章图片
image.png (10)更新package.json中的dependencies依赖到最新版本
文章图片
image.png (11)使用 --exec babel-node
如果报错,需要全局安装一下 babel-cli
推荐阅读
- Jsr303做前端数据校验
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 前端代码|前端代码 返回顶部 backToTop
- 用npm发布一个包的教程并编写一个vue的插件发布
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端自学笔记01
- js保留自定义小数点
- 前端开发|Vue2.x API 学习
- 网络|一文彻底搞懂前端监控
- 游戏|2022年如何学习前端前沿技术,破卷而出()