webpack 的简单实用

  1. 首先需要安装node ,不确定自己有没有安装node,使用命令
    node -v
image.png
  1. 初始化下,点回车就好了
webpack 的简单实用_第1张图片
image.png
webpack 的简单实用_第2张图片
image.png

3.安装webpack

image.png

4.新建个entry.js文件
写入document.write("It works.");
5.新建个index.html文件



    


    


6.在运行如下命令
$ webpack ./entry.js bundle.js

webpack 的简单实用_第3张图片
image.png

7.这时候你的demo 里面会有bundle.js 这个文件,这个就是打包之后的文件

webpack 的简单实用_第4张图片
image.png

8.这时候去打开index.html ,浏览器就会出现你写入的内容

webpack 的简单实用_第5张图片
image.png

一个简单的使用就完成了,你想了解更多,请去看api 吧。

你可能感兴趣的:(webpack 的简单实用)