前端工程化前端工程化

（1）npm

（2）webpack的安装首先是全局安装，在windows下用管理员权限运行命令行，在项目目录下输入

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

前端工程化