webpack 基础概念教学-1

219 阅读1分钟

* 基础配置*

1.空目录初始化

新建一个目录,再进入项目根目录执行 nprn init 来初始化最简单的采用了模块化

开发的项目: 生成pack.json

2.安装webpack

npm i -D webpack

3.配置执行webpack命令

“start”:“webpack --config webpack.config.js"

后面可通过npm run start执行构建wenpack文件

4.搭建webpack执行文件

main.js--执行入口文件

\

show.js--执行文件

\

index.html--主文件

\

\

webpack.config.js--读取配置文件

\

5.执行webpack构建命令

npm run start

生成dist目录 下面有bundle.js文件

\

\

6.构建完成效果

浏览器打开index.html 现实页面内容