webpack打包工具用法

基础学习笔记,后续还会更新,如有错误,欢迎指正!

一、安装node.js

node.js官网:https://nodejs.org/en/

检查是否安装成功:node -v

二、检查是否安装npm

node.js自带npm,检查npm版本:npm -v

三、创建package.json文件:npm init

通过npm init 命令创建package.json文件

四、新建项目目录,安装webpack环境:npm install webpack --save-dev

新建项目目录

 

通过cmd进入项目根目录文件夹,输入 npm install webpack --save-dev,package.json中有webpack版本

 

五、安装打包工具webpack-cli: npm install webpack-cli --save-dev

六、配置webpack.config.js

七、安装第三方库

如安装jquery:

1、npm install jquery --save-dev

2、引用第三方库:require('jquery')

八、服务端环境安装:npm install webpack-dev-derver --save-dev

安装webpack-dev-server,修改package.json中script配置项

修改webpack.config.js配置项,指定IP、端口等

本地执行npm run build编译

本地服务器执行npm start编译

http://localhost:8081/访问

猜你喜欢

转载自www.cnblogs.com/zhanglichun/p/10794898.html