最简朴的webpack入门教程

计算机软件开发 · 2024-9-15 20:05:19

1 前言

这是一个简朴的webpack入门教程

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系举行静态分析，然后将这些模块按照指定的规则天生对应的静态资源。

2 根本利用

利用webpack的条件是已经有了node环境，安装node就不赘述了
2.1 初始化

在空文件夹中利用下令行实验：
npm init -y就会在当前目次下创建一个package.json文件
2.2 安装插件

照旧在当前目次底下利用下令行实验：
npm install webpack webpack-cli --save-dev2.3 设置项

在根目次底下创建src文件夹，内里创建index.js文件，恣意写一行：
然后照旧在根目次底下创建一个webpack.config.js文件用来写webpack的设置项：

最简朴的webpack入门教程

所属分类: 问答交流

新帖推荐: 30日

推荐作品