Skip to content

zouzouxinxian/webpack4.x

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

webpack4.x

关于webpack的相关知识 创建基本的webpack 4.x项目

步骤:

1.运行npm init -y快速初始化项目

2.在项目根目录创建src源代码目录和dist产品目录

3.在src目录下创建index.html

4.使用cnpm 安装webpack,运行cnpm i webpack-cli -D 安装cnpm 全局运行 npm i cnpm -g

5.注意:webpack 4.x 提供了 约定大于配置的概念;目的是为了尽量减少配置文件的体积; 。默认约定了 。打包的入口是 : src -> index.js 。打包的输出文件是 : dist -> main.js 。 4.x 中新增了 mode 选项(为必选项),可选的值为: development 和 producion

6.安装webpack-dev-server 。npm i webpack-dev-server -g 。运行 npm run dev

7.在webpack.config.js中设置scripts 。"dev": "webpack-dev-server --open chrome --port 8080 --hot --host 127.0.0.1"

8.在index.html中引入磁盘中的main.js 。 <script src="/main.js"></script>

个人总结: 在安装的过程中为了避免错误,尽可能的使用全局安装

About

创建基本的webpack 4.x 项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published